/* ==========================================================================
   Frost - locked winter/seasonal theme (loaded AFTER vanilla).
   Icy whites + pale blues, crisp and snowy, cool steel-blue accent. For tyre
   shops / winter-service. Manrope headings + Inter body.
     page #f4f9fc   surface #fff   bands #1c3a4f   accent #176d9c
   ========================================================================== */

.theme-frost {
    --font-heading: 'Manrope', system-ui, -apple-system, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;

    --color-accent: #176d9c;          /* steel-blue (white text passes) */
    --color-accent-hover: #115279;

    --color-bg: #f4f9fc;
    --color-surface: #ffffff;
    --color-surface-dark: #1c3a4f;    /* deep frosty navy band */
    --color-border: #dde8ef;

    --color-text: #14303f;
    --color-text-secondary: #4f6877;
    --color-text-muted: #2f4b5a;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: #a7c3d2;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
}

/* Icy page with a faint top frost wash. */
body.theme-frost {
    background:
        linear-gradient(180deg, #e9f4fa 0%, var(--color-bg) 420px),
        var(--color-bg);
    background-repeat: no-repeat;
}

.theme-frost h1,
.theme-frost h2,
.theme-frost h3,
.theme-frost h4 { font-weight: 800; letter-spacing: -0.02em; }
.theme-frost .c-nav__link,
.theme-frost .c-nav__mobile a { letter-spacing: normal; text-transform: none; font-weight: 700; }

/* Crisp frosted-white nav. */
.theme-frost .c-nav { background: rgba(244, 249, 252, 0.85); border-bottom-color: var(--color-border); }

/* Buttons: steel-blue, white label, sentence case. */
.theme-frost .btn,
.theme-frost .btn-primary,
.theme-frost .btn-secondary,
.theme-frost .btn--primary,
.theme-frost .btn--secondary { letter-spacing: normal; text-transform: none; font-weight: 600; }

/* Eyebrows in steel-blue. */
.theme-frost .c-hero__label,
.theme-frost .c-section-head__label,
.theme-frost .c-services__label,
.theme-frost .c-label { color: var(--color-accent); }
.theme-frost .c-hero--image .c-hero__label { color: rgba(255, 255, 255, 0.9); }

/* White cards, cool shadow. */
.theme-frost .c-service-card,
.theme-frost .c-pricing-index__card,
.theme-frost .oh-dept { background: var(--color-surface); }
.theme-frost .c-service-card:hover { box-shadow: 0 16px 40px rgba(23, 109, 156, 0.14); }
.theme-frost .c-pricing-index__card:hover { border-color: var(--color-accent); }
.theme-frost .c-services,
.theme-frost .c-tabs { background: var(--color-surface); }

/* Steel focus ring. */
.theme-frost .field input:focus,
.theme-frost .field select:focus,
.theme-frost .field textarea:focus,
.theme-frost .bk-search input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(23, 109, 156, 0.16); }

/* ===== HERO: icy gradient "banner", white text ===== */
.theme-frost .c-hero--banner {
    background: linear-gradient(120deg, #2f93c4 0%, var(--color-accent) 55%, #103f5a 100%);
    color: #fff;
}
.theme-frost .c-hero--banner .c-hero__title,
.theme-frost .c-hero--banner .c-hero__desc { color: #fff; }
.theme-frost .c-hero--banner .c-hero__label { color: rgba(255, 255, 255, 0.88); }
.theme-frost .c-hero--banner .btn-primary,
.theme-frost .c-hero--banner .btn--primary { background: #fff; color: var(--color-accent); }
.theme-frost .c-hero--banner .btn-primary:hover,
.theme-frost .c-hero--banner .btn--primary:hover { background: rgba(255, 255, 255, 0.9); }