/* ============================================================
   Theme: BRUNSWICK  -  vintage americana barbershop (LIGHT)
   ------------------------------------------------------------
   For: traditional, old-school barbershops with a leather-and-
   pomade, chequerboard-floor heritage. Mood: warm aged cream,
   timber and oxblood leather, brass fittings, tobacco amber.
   A vintage slab serif (Zilla Slab) stamps the display voice;
   Inter keeps the body clean. A LIGHT, warm theme - the hero
   keeps a dark veil so the cream title stays legible on photo.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@400;500;600;700&display=swap');

.theme-brunswick {
  /* -------- Surfaces (aged cream + warm timber) ---------- */
  --bg:        #EFE7D6;
  --bg-2:      #E5D9C1;
  --surface:   #F7F1E3;

  /* -------- Text (dark espresso brown) ------------------- */
  --fg:            #2A2018;
  --fg-muted:      #6B5D4A;
  --heading-color: #2A2018;

  /* -------- Accent (oxblood) + tobacco amber ------------- */
  --accent:        #8A3A2E;
  --accent-bright: #A3473A;   /* readable links/prices on cream */
  --accent-hover:  #6E2C22;
  --accent-2:      #B5803A;   /* tobacco amber - rules, dots    */
  --on-accent:     #F7F1E3;

  --hairline:   rgba(42, 32, 24, 0.16);
  --hairline-2: rgba(42, 32, 24, 0.30);

  /* -------- Hero (dark veil so cream title stays legible) - */
  --hero-ink: #F7F1E3;
  --hero-min-h: 92vh;
  --hero-overlay:
    radial-gradient(120% 95% at 50% 38%, rgba(34,22,14,0.34) 0%, rgba(28,18,12,0.62) 64%, rgba(22,14,10,0.86) 100%),
    linear-gradient(180deg, rgba(34,22,14,0.52) 0%, rgba(34,22,14,0.40) 42%, rgba(22,14,10,0.90) 100%),
    linear-gradient(100deg, rgba(138,58,46,0.16) 0%, transparent 62%);

  /* -------- Footer (deep espresso timber) ---------------- */
  --footer-bg:     #2A2018;
  --footer-fg:     rgba(247, 241, 227, 0.78);
  --footer-strong: #F7F1E3;
  --footer-head:   #B5803A;

  /* -------- Type ---------------------------------------- */
  --font-display: 'Zilla Slab', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.8rem, 6.5vw + 1rem, 5.6rem);
  --heading-weight: 700;
  --heading-tracking: -0.005em;
  --eyebrow-tracking: 0.26em;

  /* -------- Corners + warm shadows ----------------------- */
  --radius-1: 3px;
  --radius-2: 8px;
  --radius-3: 14px;
  --radius-pill: 999px;
  --rule-color: var(--accent-2);
  --shadow-1: 0 1px 2px rgba(42,32,24,0.08), 0 6px 20px rgba(42,32,24,0.12);
  --shadow-2: 0 16px 44px rgba(42,32,24,0.18);
}

/* ---- Structural personality: vintage americana ------------ */

/* Display face stamps a touch bolder; nav + footer wordmark
   read like a painted shopfront sign */
.theme-brunswick h1,
.theme-brunswick h2,
.theme-brunswick .hero__title,
.theme-brunswick .menu-group__title h3,
.theme-brunswick .footer__wordmark { letter-spacing: -0.005em; }

/* Heavier eyebrow like a printed ticket label */
.theme-brunswick .eyebrow { font-weight: 700; }

/* Amber barber-pole rule, a little wider */
.theme-brunswick .rule { height: 3px; width: 58px; }

/* Service cards: warm cream panels with an oxblood title edge */
.theme-brunswick .menu-group {
  background: var(--surface);
  border: 1px solid var(--hairline);
  box-shadow: var(--shadow-1);
}
.theme-brunswick .menu-group__title { border-bottom: 2px solid var(--accent); }
.theme-brunswick .menu-group__title h3 { font-size: 1.55rem; }
.theme-brunswick .menu-row__price { color: var(--accent-bright); }

/* Brass-circle socials warm to oxblood on hover */
.theme-brunswick .socials a { border-color: var(--hairline-2); color: var(--accent); }
.theme-brunswick .socials a:hover { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }