/* ==========================================================================
   Aqua - locked fresh-blue theme for car washes (loaded AFTER vanilla).
   Very-light-blue page, white cards, a deep-ocean accent (white text passes
   contrast) with a bright azure used for highlights + the gradient hero
   banner. Poppins headings + Inter body, soft rounded corners. Water-fresh.
     page #f5fbff   surface #fff   bands #023e8a   accent #0353a4   azure #00a8e8
   ========================================================================== */

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

    /* Deep ocean for solid fills (white label passes contrast). */
    --color-accent: #0353a4;
    --color-accent-hover: #023e8a;
    /* Bright azure highlight, used for gradients / glows (not body text). */
    --aqua-bright: #00a8e8;

    --color-bg: #f5fbff;
    --color-surface: #ffffff;
    --color-surface-dark: #023e8a;   /* deep blue band */
    --color-border: #d6ebf5;

    --color-text: #0b2540;
    --color-text-secondary: #4a6173;
    --color-text-muted: #1f3b57;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: #a9c7e8;

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

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

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

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

/* Eyebrows in deep ocean (azure fails small-text contrast on the light page). */
.theme-aqua .c-hero__label,
.theme-aqua .c-section-head__label,
.theme-aqua .c-services__label,
.theme-aqua .c-label { color: var(--color-accent); }
.theme-aqua .c-hero--image .c-hero__label { color: rgba(255, 255, 255, 0.9); }

/* White cards on the light-blue page, azure-tinted hover. */
.theme-aqua .c-service-card,
.theme-aqua .c-pricing-index__card,
.theme-aqua .oh-dept { background: var(--color-surface); }
.theme-aqua .c-service-card:hover { box-shadow: 0 16px 44px rgba(0, 168, 232, 0.16); }
.theme-aqua .c-pricing-index__card:hover { border-color: var(--aqua-bright); }
.theme-aqua .c-services,
.theme-aqua .c-tabs { background: var(--color-surface); }

/* Azure focus ring on form fields. */
.theme-aqua .field input:focus,
.theme-aqua .field select:focus,
.theme-aqua .field textarea:focus,
.theme-aqua .bk-search input:focus {
    border-color: var(--aqua-bright);
    box-shadow: 0 0 0 3px rgba(0, 168, 232, 0.20);
}

/* ===== HERO: azure→deep-blue gradient "banner", white text ===== */
.theme-aqua .c-hero--banner {
    background: linear-gradient(120deg, var(--aqua-bright) 0%, var(--color-accent) 70%);
    color: #fff;
}
.theme-aqua .c-hero--banner .c-hero__title,
.theme-aqua .c-hero--banner .c-hero__desc { color: #fff; }
.theme-aqua .c-hero--banner .c-hero__label { color: rgba(255, 255, 255, 0.88); }
.theme-aqua .c-hero--banner .btn-primary,
.theme-aqua .c-hero--banner .btn--primary { background: #fff; color: var(--color-accent); }
.theme-aqua .c-hero--banner .btn-primary:hover,
.theme-aqua .c-hero--banner .btn--primary:hover { background: rgba(255, 255, 255, 0.9); }