/* ==========================================================================
   Summer - locked bright beachy theme (loaded AFTER vanilla).
   Warm peachy sand page, peach accent (dark label on the light peach), deep
   warm-brown band, peach hero gradient. Poppins headings + Inter body.
     page #fff4ea   cards #fff   bands #4a2a1c   accent peach #f4a06a
   ========================================================================== */

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

    --color-accent: #f4a06a;          /* peach (light → use dark text on it) */
    --color-accent-hover: #ec8d4f;
    --summer-ink: #3a241a;            /* dark warm label used on peach */
    --summer-deep: #9c4f2b;           /* readable peach-cinnamon for eyebrows */

    --color-bg: #fff4ea;
    --color-surface: #ffffff;
    --color-surface-dark: #4a2a1c;     /* deep warm-brown band */
    --color-border: #f3e2d2;

    --color-text: #3a241a;
    --color-text-secondary: #7a6355;
    --color-text-muted: #4d362a;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: #d8bda9;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
}

/* Sandy page with a warm peachy glow at the top. */
body.theme-summer {
    background:
        linear-gradient(180deg, #ffe6d2 0%, var(--color-bg) 440px),
        var(--color-bg);
    background-repeat: no-repeat;
}

/* Clean (not round) headings; sentence-case nav. */
.theme-summer h1,
.theme-summer h2,
.theme-summer h3,
.theme-summer h4 { font-weight: 700; letter-spacing: -0.015em; }
.theme-summer .c-nav__link,
.theme-summer .c-nav__mobile a { letter-spacing: normal; text-transform: none; font-weight: 600; }
.theme-summer .c-nav__logo { font-weight: 800; }

/* Frosted sand nav. */
.theme-summer .c-nav { background: rgba(255, 244, 234, 0.85); border-bottom-color: rgba(74, 42, 28, 0.12); }

/* Buttons: peach fill, dark warm label (white fails on the light peach). */
.theme-summer .btn,
.theme-summer .btn-primary,
.theme-summer .btn-secondary,
.theme-summer .btn--primary,
.theme-summer .btn--secondary { letter-spacing: normal; text-transform: none; font-weight: 600; }
.theme-summer .btn-primary,
.theme-summer .btn--primary { color: var(--summer-ink); }
.theme-summer .btn-primary:hover,
.theme-summer .btn--primary:hover { background: var(--color-accent-hover); color: var(--summer-ink); }
.theme-summer .btn-secondary,
.theme-summer .btn--secondary { color: var(--color-text); border-color: var(--color-text); }

/* Eyebrows in a readable peach-cinnamon (light peach fails on the sand). */
.theme-summer .c-hero__label,
.theme-summer .c-section-head__label,
.theme-summer .c-services__label,
.theme-summer .c-label { color: var(--summer-deep); }
.theme-summer .c-hero--image .c-hero__label { color: rgba(255, 255, 255, 0.9); }

/* Let the sand be the canvas; crisp white cards float on it. */
.theme-summer .c-services,
.theme-summer .c-tabs,
.theme-summer .c-cta { background: transparent; }
.theme-summer .c-service-card,
.theme-summer .c-pricing-index__card,
.theme-summer .oh-dept { background: var(--color-surface); }
.theme-summer .c-service-card:hover { box-shadow: 0 16px 40px rgba(244, 160, 106, 0.28); }
.theme-summer .c-pricing-index__card:hover { border-color: var(--color-accent); }

/* White form surfaces + peach focus ring. */
.theme-summer .field input,
.theme-summer .field select,
.theme-summer .field textarea,
.theme-summer .slot-btn,
.theme-summer .bk-card,
.theme-summer .bk-upsell { background: var(--color-surface); }
.theme-summer .field input:focus,
.theme-summer .field select:focus,
.theme-summer .field textarea:focus,
.theme-summer .bk-search input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(244, 160, 106, 0.28); }
.theme-summer .slot-btn.is-selected { background: var(--color-accent); color: var(--summer-ink); border-color: var(--color-accent); }
.theme-summer .bk-card.is-selected .bk-card__check,
.theme-summer .bk-card--option:has(input:checked) .bk-card__check,
.theme-summer .bk-upsell:has(input:checked) .bk-upsell__check { color: var(--summer-ink); }
.theme-summer .bk-cart__toggle { color: var(--summer-ink); }
.theme-summer .bk-cart__count { background: var(--summer-ink); color: var(--color-accent); }

/* Peach primary CTA on the dark-brown quote band (dark label pops). */
.theme-summer .c-quote-cta .btn-primary,
.theme-summer .c-quote-cta .btn--primary { background: var(--color-accent); color: var(--summer-ink); }
.theme-summer .c-quote-cta .btn-primary:hover,
.theme-summer .c-quote-cta .btn--primary:hover { background: var(--color-accent-hover); }

/* ===== HERO: peach gradient "banner", dark text, brown button ===== */
.theme-summer .c-hero--banner {
    background: linear-gradient(120deg, #ffd0a8 0%, var(--color-accent) 55%, #e07e44 100%);
    color: var(--summer-ink);
}
.theme-summer .c-hero--banner .c-hero__title,
.theme-summer .c-hero--banner .c-hero__desc { color: var(--summer-ink); }
.theme-summer .c-hero--banner .c-hero__label { color: rgba(58, 36, 26, 0.72); }
.theme-summer .c-hero--banner .btn-primary,
.theme-summer .c-hero--banner .btn--primary { background: var(--summer-ink); color: #fff; }
.theme-summer .c-hero--banner .btn-primary:hover,
.theme-summer .c-hero--banner .btn--primary:hover { background: #2a190f; }