/* ==========================================================================
   DESIGN TOKENS — Marrow & Blade (barbershop demo).
   Elegant re-skin: warm near-black, brass accent, high-contrast serif,
   price-list layout, booking-led CTAs.
   ========================================================================== */

:root {
  --c-bg:        #1C1A18;   /* warm near-black */
  --c-bg-raise:  #242120;
  --c-ink:       #D9D2C7;   /* linen text */
  --c-ink-strong:#F1EBE1;
  --c-muted:     #8F887C;
  --c-line:      rgba(217, 210, 199, 0.16);
  --c-accent:    #B08D57;   /* brass */
  --c-accent-hi: #C9A76D;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Jost", "Segoe UI", sans-serif;

  --fs-hero: clamp(2.8rem, 8vw, 5.4rem);
  --fs-1: clamp(1.9rem, 4vw, 3rem);
  --fs-2: clamp(1.3rem, 1.5vw + 0.9rem, 1.7rem);
  --fs-3: 1.125rem;
  --fs-4: 1rem;
  --fs-5: 0.875rem;

  --space-section: clamp(3.5rem, 9vw, 7rem);
  --radius: 4px;
  --maxw: 68rem;
}