/* ==========================================================================
   Sunset - locked warm-gradient theme (loaded AFTER vanilla).
   Off-white page, warm coral accent, coral→magenta→amber gradient hero, soft
   cards. Friendly-but-vibrant. Poppins headings + Inter body.
     page #fdf6f1   surface #fff   bands #2e1d27   accent coral #cf4824
   ========================================================================== */

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

    --color-accent: #cf4824;          /* deep coral (white text passes) */
    --color-accent-hover: #b03a1b;
    --sunset-magenta: #d63384;
    --sunset-amber: #f4a43c;

    --color-bg: #fdf6f1;
    --color-surface: #ffffff;
    --color-surface-dark: #2e1d27;    /* warm dark plum band */
    --color-border: #f3e0d6;

    --color-text: #2a1f1c;
    --color-text-secondary: #7a655d;
    --color-text-muted: #4f3d37;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: #d4b3c2;

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

body.theme-sunset { background: var(--color-bg); }

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

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

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

/* Soft white cards, warm shadow. */
.theme-sunset .c-service-card,
.theme-sunset .c-pricing-index__card,
.theme-sunset .oh-dept { background: var(--color-surface); }
.theme-sunset .c-service-card:hover { box-shadow: 0 16px 44px rgba(207, 72, 36, 0.16); }
.theme-sunset .c-pricing-index__card:hover { border-color: var(--color-accent); }
.theme-sunset .c-services,
.theme-sunset .c-tabs { background: var(--color-surface); }

/* CTA section: warm gradient band with white text. */
.theme-sunset .c-cta {
    background: linear-gradient(120deg, var(--sunset-amber) 0%, var(--color-accent) 50%, var(--sunset-magenta) 100%);
    color: #fff;
}
.theme-sunset .c-cta .c-cta__title { color: #fff; }
.theme-sunset .c-cta .btn-primary,
.theme-sunset .c-cta .btn--primary { background: #fff; color: var(--color-accent); }

/* Coral focus ring. */
.theme-sunset .field input:focus,
.theme-sunset .field select:focus,
.theme-sunset .field textarea:focus,
.theme-sunset .bk-search input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(207, 72, 36, 0.16); }

/* ===== HERO: coral→magenta→amber gradient "banner", white text ===== */
.theme-sunset .c-hero--banner {
    background: linear-gradient(120deg, var(--sunset-amber) 0%, var(--color-accent) 45%, var(--sunset-magenta) 100%);
    color: #fff;
}
.theme-sunset .c-hero--banner .c-hero__title,
.theme-sunset .c-hero--banner .c-hero__desc { color: #fff; }
.theme-sunset .c-hero--banner .c-hero__label { color: rgba(255, 255, 255, 0.9); }
.theme-sunset .c-hero--banner .btn-primary,
.theme-sunset .c-hero--banner .btn--primary { background: #fff; color: var(--color-accent); }
.theme-sunset .c-hero--banner .btn-primary:hover,
.theme-sunset .c-hero--banner .btn--primary:hover { background: rgba(255, 255, 255, 0.9); }