/* ========================================================================= live-settings.css — consumes the CSS custom properties that App\Libraries\Themes::cssVars() prints into from Super Admin > Settings. Loaded after enterprise.css so an admin change wins without a rebuild. Nothing here is a design decision; every rule reads a variable. ========================================================================= */ /* Typography ------------------------------------------------------------ */ html{font-size:calc(100% * var(--font-scale,1))} body{font-family:var(--body);font-size:var(--base-size,15px)} h1,h2,h3,h4,.brand__word,.hero__slide h1,.home-slide h1{font-family:var(--display);font-weight:var(--h-weight,800);text-transform:var(--h-transform,none)} /* Links ------------------------------------------------------------------ */ .prose a,.article-body a,.page-content a,.footer-grid p a,.contact-list a{text-decoration:var(--link-line,underline);text-underline-offset:.14em} /* Layout ----------------------------------------------------------------- */ .site-wrap{width:min(var(--wrap,1200px),calc(100% - 48px))} .button,.btn{border-radius:var(--btn-radius,4px)} .voucher-card,.segment-card,.path-card,.side-card,.contact-panel,.voucher-form,.quote-panel,.feature-box,.insight-card,.field input,.field select,.field textarea{border-radius:var(--radius,4px)} .voucher-card,.insight-card,.feature-box,.contact-panel{box-shadow:var(--shadow,none)} .section{padding-block:calc(82px * var(--space-scale,1))} /* Header chrome ---------------------------------------------------------- */ .header-static .site-header,.site-header.is-static{position:relative;top:auto} .header-sticky .site-header.is-sticky{position:sticky;top:0} .brand__logo{height:var(--logo-h,38px);max-height:none;width:auto} .brand--footer .brand__logo{height:calc(var(--logo-h,38px) * 1.15)} .brand--footer .brand__copy small{color:inherit;opacity:.7} /* Hero ------------------------------------------------------------------- */ .home-slider,.hero--slider{height:clamp(360px,var(--hero-height,520px),680px);min-height:360px;max-height:680px} @media (max-width:600px){.home-slider,.hero--slider{height:min(var(--hero-height,520px),480px)}} /* Motion off ------------------------------------------------------------- */ .no-motion *,.no-motion *::before,.no-motion *::after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important} .no-motion .button:hover,.no-motion .voucher-card:hover{transform:none!important} /* Dark scheme (values come from Themes::darkVars()) ---------------------- */ [data-scheme="dark"] body,.scheme-dark{background:var(--paper);color:var(--ink)} [data-scheme="dark"] .site-header{background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom-color:var(--rule)} [data-scheme="dark"] .voucher-card,[data-scheme="dark"] .contact-panel,[data-scheme="dark"] .side-card,[data-scheme="dark"] .segment-card{background:var(--surface);color:var(--ink)} [data-scheme="dark"] .field input,[data-scheme="dark"] .field select,[data-scheme="dark"] .field textarea{background:var(--tint);color:var(--ink);border-color:var(--rule)} @media (prefers-color-scheme: dark){ [data-scheme="auto"] body{background:var(--paper);color:var(--ink)} [data-scheme="auto"] .site-header{background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom-color:var(--rule)} [data-scheme="auto"] .voucher-card,[data-scheme="auto"] .contact-panel,[data-scheme="auto"] .side-card,[data-scheme="auto"] .segment-card{background:var(--surface);color:var(--ink)} } /* Footer contact block --------------------------------------------------- */ .footer-contact{display:grid;gap:6px;margin-top:14px;font-size:.88rem} .footer-contact span{display:block;opacity:.75}