/* mobee public theme — company #2 — generated 2026-04-16T03:59:47+02:00 */ html.public-layout-root { --pc-page-bg: #fbfbf9; --pc-card-bg: #ffffff; --pc-accent: #0e4b6c; --pc-accent-hover: #0c425f; --pc-topbar-bg: #faf9f4; --pc-body-text: #1a1a1a; --pc-on-accent-text: #ffffff; --pc-accent-r: 14; --pc-accent-g: 75; --pc-accent-b: 108; --pc-body-text-r: 26; --pc-body-text-g: 26; --pc-body-text-b: 26; --pc-on-accent-r: 255; --pc-on-accent-g: 255; --pc-on-accent-b: 255; --pc-font-body: 'Titillium Web', ui-sans-serif, system-ui, sans-serif; --pc-letter-spacing: 0.025em; } /* * Public pages — Valentino variant (reference: valentinoravenna.com). * All colors via --pc-* from generated company CSS. @see App\Services\PublicPagesCompanyThemeCssGenerator */ html.public-layout-root body.min-h-screen { background-color: var(--pc-page-bg); color: var(--pc-body-text); font-family: var(--pc-font-body, var(--font-sans)); font-weight: 300; letter-spacing: var(--pc-letter-spacing, normal); font-feature-settings: "kern" 1, "liga" 1; } html.public-layout-root body.min-h-screen :where(button, input, select, textarea) { font-family: inherit; letter-spacing: inherit; } /* Luce calda dall’alto, come sala con lampade basse */ html.public-layout-root body > div.min-h-screen { background-image: radial-gradient( ellipse 140% 85% at 50% -30%, color-mix(in srgb, var(--pc-accent) 14%, var(--pc-page-bg)) 0%, transparent 55% ), radial-gradient( ellipse 80% 50% at 100% 0%, color-mix(in srgb, var(--pc-accent) 6%, var(--pc-page-bg)) 0%, transparent 45% ); background-repeat: no-repeat; } html.public-layout-root .public-themed-page { background-color: var(--pc-page-bg); background-image: radial-gradient( ellipse 130% 75% at 50% -18%, color-mix(in srgb, var(--pc-accent) 10%, var(--pc-page-bg)) 0%, transparent 50% ), radial-gradient( ellipse 100% 60% at 0% 100%, color-mix(in srgb, var(--pc-accent) 5%, var(--pc-page-bg)) 0%, transparent 46% ); } /* Card: cornice e ombra da accento e superfici config */ html.public-layout-root .public-themed-card { background-color: var(--pc-card-bg); border-radius: 0.25rem; border: 1px solid color-mix(in srgb, var(--pc-accent) 14%, var(--pc-card-bg)); box-shadow: 0 1px 0 color-mix(in srgb, var(--pc-on-accent-text) 45%, var(--pc-card-bg)), 0 32px 64px -36px color-mix(in srgb, var(--pc-accent) 22%, transparent), 0 8px 24px -12px color-mix(in srgb, var(--pc-accent) 7%, transparent); } html.public-layout-root .public-themed-topbar { background-color: color-mix(in srgb, var(--pc-topbar-bg) 96%, transparent); -webkit-backdrop-filter: blur(10px) saturate(1.02); backdrop-filter: blur(10px) saturate(1.02); border-bottom: 1px solid color-mix(in srgb, var(--pc-accent) 10%, transparent); box-shadow: 0 10px 40px -24px color-mix(in srgb, var(--pc-accent) 16%, transparent); } html.public-layout-root .public-themed-accent { background-color: var(--pc-accent); color: var(--pc-on-accent-text); letter-spacing: 0.06em; text-transform: uppercase; font-size: 0.8125rem; font-weight: 600; box-shadow: 0 2px 16px -4px color-mix(in srgb, var(--pc-accent) 38%, transparent); transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.22s ease; } html.public-layout-root .public-themed-accent:hover:not(:disabled) { background-color: var(--pc-accent-hover); box-shadow: 0 6px 28px -8px color-mix(in srgb, var(--pc-accent) 42%, transparent); transform: translateY(-1px); } html.public-layout-root .public-themed-accent-bg { background-color: var(--pc-accent); transition: background-color 0.25s ease; } html.public-layout-root .public-themed-step-done { background-color: color-mix(in srgb, var(--pc-accent) 68%, var(--pc-on-accent-text)); color: color-mix(in srgb, var(--pc-on-accent-text) 96%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--pc-accent) 24%, transparent); } html.public-layout-root .public-themed-step-active { background-color: var(--pc-accent); color: var(--pc-on-accent-text); box-shadow: 0 0 0 1px color-mix(in srgb, var(--pc-accent) 30%, transparent); } html.public-layout-root .public-themed-link { color: var(--pc-accent); text-underline-offset: 0.28em; text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, var(--pc-accent) 45%, transparent); } html.public-layout-root .public-themed-input-focus:focus { border-color: color-mix(in srgb, var(--pc-accent) 50%, transparent); outline: 1px solid color-mix(in srgb, var(--pc-accent) 25%, transparent); outline-offset: 1px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--pc-accent) 10%, transparent); } @supports not (background-color: color-mix(in srgb, red 50%, blue)) { html.public-layout-root body > div.min-h-screen { background-image: radial-gradient( ellipse 120% 80% at 50% -25%, rgba(var(--pc-accent-r), var(--pc-accent-g), var(--pc-accent-b), 0.06), transparent ); } html.public-layout-root .public-themed-topbar { background-color: var(--pc-topbar-bg); border-bottom: 1px solid rgba(var(--pc-accent-r), var(--pc-accent-g), var(--pc-accent-b), 0.1); box-shadow: 0 8px 28px -18px rgba(var(--pc-body-text-r), var(--pc-body-text-g), var(--pc-body-text-b), 0.08); } html.public-layout-root .public-themed-step-done { background-color: var(--pc-accent); color: var(--pc-on-accent-text); box-shadow: 0 0 0 1px rgba(var(--pc-accent-r), var(--pc-accent-g), var(--pc-accent-b), 0.2); } html.public-layout-root .public-themed-page { background-image: radial-gradient( ellipse 120% 70% at 50% -15%, rgba(var(--pc-on-accent-r), var(--pc-on-accent-g), var(--pc-on-accent-b), 0.45), transparent ); } html.public-layout-root .public-themed-card { border: 1px solid rgba(var(--pc-accent-r), var(--pc-accent-g), var(--pc-accent-b), 0.12); box-shadow: 0 28px 56px -32px rgba(var(--pc-accent-r), var(--pc-accent-g), var(--pc-accent-b), 0.12); } }