/* ==========================================================================
   Tomato - locked clean white theme with a vibrant tomato accent (loaded
   AFTER vanilla). White page, faintly warm cards, tomato buttons/links, a
   warm near-black band. DM Sans headings + Inter body.
     page #fff   surface #fff6f4   bands #1a1411   accent tomato #e8412e
   ========================================================================== */

.theme-tomato {
    --font-heading: 'DM Sans', system-ui, -apple-system, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;

    --color-accent: #e8412e;          /* vivid tomato (white text passes) */
    --color-accent-hover: #c9341f;

    --color-bg: #ffffff;
    --color-surface: #fff6f4;          /* faint warm white */
    --color-surface-dark: #1a1411;     /* warm near-black band */
    --color-border: #f1e2dd;

    --color-text: #1f1a18;
    --color-text-secondary: #6b605c;
    --color-text-muted: #3a322f;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: #b7a9a4;

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

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

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

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

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

/* ===== NAVBAR: solid tomato, white links, white CTA with tomato label ===== */
.theme-tomato .c-nav {
    background: var(--color-accent);
    border-bottom: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.theme-tomato .c-nav__logo,
.theme-tomato .c-nav__link { color: #fff; }
.theme-tomato .c-nav__link:hover { opacity: 0.72; }
.theme-tomato .c-nav__link--button { background: #fff; color: var(--color-accent); }
.theme-tomato .c-nav__link--button:hover { background: rgba(255, 255, 255, 0.9); opacity: 1; }
.theme-tomato .c-nav__hamburger span { background: #fff; }
.theme-tomato .c-nav__mobile { background: var(--color-accent); }
.theme-tomato .c-nav__mobile a { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.25); }

/* ===== FOOTER: tomato band, white text ===== */
.theme-tomato .c-footer {
    background: var(--color-accent);
    color: #fff;
    --color-text-on-dark-muted: rgba(255, 255, 255, 0.82);
}
.theme-tomato .c-footer__bottom { border-top-color: rgba(255, 255, 255, 0.22); }
.theme-tomato .c-footer__hours .oh-row { border-bottom-color: rgba(255, 255, 255, 0.18); }

/* Warm-white cards, tomato-tinted hover. */
.theme-tomato .c-service-card,
.theme-tomato .c-pricing-index__card,
.theme-tomato .oh-dept { background: var(--color-surface); }
.theme-tomato .c-service-card:hover { box-shadow: 0 16px 40px rgba(232, 65, 46, 0.14); }
.theme-tomato .c-pricing-index__card:hover { border-color: var(--color-accent); }
.theme-tomato .c-services,
.theme-tomato .c-tabs { background: var(--color-surface); }

/* Tomato focus ring. */
.theme-tomato .field input:focus,
.theme-tomato .field select:focus,
.theme-tomato .field textarea:focus,
.theme-tomato .bk-search input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(232, 65, 46, 0.18); }

/* ===== HERO: tomato "banner" - white text, white button ===== */
.theme-tomato .c-hero--banner { background: var(--color-accent); color: #fff; }
.theme-tomato .c-hero--banner .c-hero__title,
.theme-tomato .c-hero--banner .c-hero__desc { color: #fff; }
.theme-tomato .c-hero--banner .c-hero__label { color: rgba(255, 255, 255, 0.88); }
.theme-tomato .c-hero--banner .btn-primary,
.theme-tomato .c-hero--banner .btn--primary { background: #fff; color: var(--color-accent); }
.theme-tomato .c-hero--banner .btn-primary:hover,
.theme-tomato .c-hero--banner .btn--primary:hover { background: rgba(255, 255, 255, 0.9); }