:root {
  /* Backgrounds — dark navy cast matching brand PFP */
  --c-void:        #070810;
  --c-deep:        #0d0f1a;
  --c-surface:     #141721;
  --c-ridge:       #1f2235;

  /* Brand Red — primary accent (barbershop pole, logo halo) */
  --c-red:         #c8102e;
  --c-red-glow:    rgba(200, 16, 46, 0.28);
  --c-red-dim:     #7a0a1c;

  /* Pole Blue — secondary accent (barbershop pole blue stripe) */
  --c-blue:        #1a3a8c;
  --c-blue-light:  #2d5ce8;
  --c-blue-dim:    rgba(26, 58, 140, 0.18);

  /* Gold — replaced with brand red across all accents */
  --c-gold:        #c8102e;
  --c-gold-light:  #e8294a;
  --c-gold-dim:    rgba(200, 16, 46, 0.22);

  /* Text */
  --c-cream:       #f0f0ee;
  --c-muted:       #9ca3b8;

  /* CTA — red for urgency, matches pole */
  --c-ember:       #c8102e;
  --c-ember-hover: #e8294a;

  /* Status */
  --c-open:        #1de9b6;
  --c-closed:      #e53935;

  /* Surfaces */
  --c-glass:       rgba(255, 255, 255, 0.04);
  --c-glass-border:rgba(255, 255, 255, 0.08);
  --c-overlay:     rgba(7, 8, 16, 0.76);

  /* Typography */
  --font-display:  'Bebas Neue', 'Oswald', sans-serif;
  --font-heading:  'Oswald', sans-serif;
  --font-body:     'Inter', system-ui, sans-serif;
  --font-accent:   'Playfair Display', Georgia, serif;

  /* Type scale — body floor raised to 1rem (16px) for iOS anti-zoom + readability */
  --t-hero:    clamp(3.8rem, 11vw, 9.5rem);
  --t-h2:      clamp(1.9rem, 4.5vw, 3.6rem);
  --t-h3:      clamp(1.1rem, 2vw, 1.6rem);
  --t-body:    clamp(1rem, 1.25vw, 1.08rem);
  --t-small:   0.825rem;
  --t-label:   0.7rem;

  /* Content measure — ideal line-length for body prose */
  --measure:   62ch;

  /* Letter spacing */
  --ls-display: 0.04em;
  --ls-heading: 0.08em;
  --ls-label:   0.22em;

  /* Spacing scale */
  --sp-xs:   0.5rem;
  --sp-sm:   1rem;
  --sp-md:   2rem;
  --sp-lg:   4rem;
  --sp-xl:   7rem;
  --sp-2xl:  11rem;

  /* Layout */
  --max-w: 1380px;
  --nav-h: 64px;

  /* Radii */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;

  /* Transitions */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:    cubic-bezier(0.64, 0, 0.78, 0);
  --ease-both:  cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:   0.18s;
  --dur-med:    0.35s;
  --dur-slow:   0.6s;
}