/* ==========================================================================
   Showroom - locked light-luxury theme (loaded AFTER vanilla).
   Airy white gallery, elegant Marcellus roman-caps headings, monochrome with
   thin champagne hairlines, generous whitespace, minimal rounding.
     page #fff   surface #fafafa   bands #111   accent #1a1a1a   hairline gold
   ========================================================================== */

.theme-showroom {
    --font-heading: 'Marcellus', Georgia, 'Times New Roman', serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;

    --color-accent: #1a1a1a;          /* monochrome luxury */
    --color-accent-hover: #000000;
    --showroom-gold: #b69b6a;         /* thin champagne hairline accent */

    --color-bg: #ffffff;
    --color-surface: #fafafa;
    --color-surface-dark: #111111;
    --color-border: #ededed;

    --color-text: #161616;
    --color-text-secondary: #6e6e6e;
    --color-text-muted: #3a3a3a;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: #a8a8a8;

    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;

    /* More air than vanilla. */
    --space-4xl: 10rem;
}

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

/* Large, light, roman headings; spaced uppercase nav. */
.theme-showroom h1,
.theme-showroom h2,
.theme-showroom h3,
.theme-showroom h4 { font-weight: 400; letter-spacing: 0.01em; }
.theme-showroom .c-hero__title { font-weight: 400; font-size: clamp(3rem, 6.5vw, 5.2rem); letter-spacing: 0; }
.theme-showroom .c-nav__link,
.theme-showroom .c-nav__mobile a { letter-spacing: 0.16em; text-transform: uppercase; font-weight: 500; font-size: 0.82rem; }
.theme-showroom .c-nav__logo { letter-spacing: 0.08em; }

/* Eyebrows: champagne, widely spaced. */
.theme-showroom .c-hero__label,
.theme-showroom .c-section-head__label,
.theme-showroom .c-services__label,
.theme-showroom .c-label { color: var(--showroom-gold); letter-spacing: 0.22em; }
.theme-showroom .c-hero--image .c-hero__label { color: rgba(255, 255, 255, 0.9); }

/* Buttons: refined, spaced uppercase. */
.theme-showroom .btn,
.theme-showroom .btn-primary,
.theme-showroom .btn-secondary,
.theme-showroom .btn--primary,
.theme-showroom .btn--secondary { letter-spacing: 0.12em; font-weight: 500; }

/* Cards: hairline border, gold edge on hover, barely-there lift. */
.theme-showroom .c-service-card,
.theme-showroom .c-pricing-index__card,
.theme-showroom .oh-dept { background: var(--color-surface); }
.theme-showroom .c-service-card:hover { border-color: var(--showroom-gold); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07); }
.theme-showroom .c-pricing-index__card:hover { border-color: var(--showroom-gold); }
.theme-showroom .c-services,
.theme-showroom .c-tabs { background: var(--color-surface); }

/* Gold focus hairline. */
.theme-showroom .field input:focus,
.theme-showroom .field select:focus,
.theme-showroom .field textarea:focus,
.theme-showroom .bk-search input:focus { border-color: var(--showroom-gold); box-shadow: 0 0 0 3px rgba(182, 155, 106, 0.18); }

/* ===== HERO: near-black "banner" with a thin gold rule, white text ===== */
.theme-showroom .c-hero--banner { background: var(--color-surface-dark); color: #fff; border-top: 2px solid var(--showroom-gold); }
.theme-showroom .c-hero--banner .c-hero__title,
.theme-showroom .c-hero--banner .c-hero__desc { color: #fff; }
.theme-showroom .c-hero--banner .c-hero__label { color: var(--showroom-gold); }
.theme-showroom .c-hero--banner .btn-primary,
.theme-showroom .c-hero--banner .btn--primary { background: #fff; color: #111; }
.theme-showroom .c-hero--banner .btn-primary:hover,
.theme-showroom .c-hero--banner .btn--primary:hover { background: rgba(255, 255, 255, 0.88); }