/* ==========================================================================
   Heritage - locked vintage-garage theme (loaded AFTER vanilla).
   Warm cream "paper", oxblood-red accent, petrol-blue bands, slab-serif
   Roboto Slab headings over Inter. Old-school workshop character.
     page #f4ede0   surface #fbf6ec   bands #1f3a44   accent oxblood #7c2618
   ========================================================================== */

.theme-heritage {
    --font-heading: 'Roboto Slab', Georgia, serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;

    --color-accent: #7c2618;
    --color-accent-hover: #611d12;

    --color-bg: #f4ede0;
    --color-surface: #fbf6ec;
    --color-surface-dark: #1f3a44;   /* petrol-blue band */
    --color-border: #e0d3bd;

    --color-text: #2a2622;
    --color-text-secondary: #6e6354;
    --color-text-muted: #4d4438;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: #a9bcc2;

    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 6px;
}

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

/* Sturdy slab headings; uppercase nav reads like enamel signage. */
.theme-heritage h1,
.theme-heritage h2,
.theme-heritage h3,
.theme-heritage h4 { font-weight: 700; letter-spacing: -0.01em; }
.theme-heritage .c-nav__link,
.theme-heritage .c-nav__mobile a { letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; }

/* Buttons: oxblood fill, white label. */
.theme-heritage .btn,
.theme-heritage .btn-primary,
.theme-heritage .btn-secondary,
.theme-heritage .btn--primary,
.theme-heritage .btn--secondary { letter-spacing: 0.04em; }

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

/* Cream cards on the paper page. */
.theme-heritage .c-service-card,
.theme-heritage .c-pricing-index__card,
.theme-heritage .oh-dept { background: var(--color-surface); }
.theme-heritage .c-service-card:hover { box-shadow: 0 14px 36px rgba(42, 38, 34, 0.14); }
.theme-heritage .c-pricing-index__card:hover { border-color: var(--color-accent); }
.theme-heritage .c-services,
.theme-heritage .c-tabs { background: var(--color-surface); }

/* Pinstripe divider - a thin double rule, vintage. */
.theme-heritage .c-divider hr { border-top: 3px double var(--color-accent); opacity: 0.5; }

/* Oxblood focus ring. */
.theme-heritage .field input:focus,
.theme-heritage .field select:focus,
.theme-heritage .field textarea:focus,
.theme-heritage .bk-search input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(124, 38, 24, 0.16); }

/* ===== HERO: solid-oxblood "banner" - white text, cream button ===== */
.theme-heritage .c-hero--banner { background: var(--color-accent); color: #fff; }
.theme-heritage .c-hero--banner .c-hero__title,
.theme-heritage .c-hero--banner .c-hero__desc { color: #fff; }
.theme-heritage .c-hero--banner .c-hero__label { color: rgba(255, 255, 255, 0.85); }
.theme-heritage .c-hero--banner .btn-primary,
.theme-heritage .c-hero--banner .btn--primary { background: #fbf6ec; color: var(--color-accent); }
.theme-heritage .c-hero--banner .btn-primary:hover,
.theme-heritage .c-hero--banner .btn--primary:hover { background: #fff; }