/*
 * BBWAB Design Tokens
 * Single source of truth for all design values.
 * Imported by site.css and editor.css — never included directly on its own.
 */

:root {
  /* ── Base palette ──────────────────────────────────────────── */
  --bbwab-navy:          #020122;
  --bbwab-navy-2:        #0A0930;
  --bbwab-navy-3:        #12112F;
  --bbwab-orange:        #E94F37;
  --bbwab-orange-deep:   #C93D27;
  --bbwab-teal:          #00C7B7;
  --bbwab-steel:         #A4B0BA;
  --bbwab-white:         #FFFFFF;
  --bbwab-black:         #000000;

  /* ── Semantic color aliases ────────────────────────────────── */
  --bbwab-color-background:     var(--bbwab-navy);
  --bbwab-color-background-alt: var(--bbwab-navy-2);
  --bbwab-color-panel:          var(--bbwab-navy-3);
  --bbwab-color-primary:        var(--bbwab-orange);
  --bbwab-color-primary-hover:  var(--bbwab-orange-deep);
  --bbwab-color-accent:         var(--bbwab-teal);
  --bbwab-color-text:           var(--bbwab-white);
  --bbwab-color-text-muted:     var(--bbwab-steel);
  --bbwab-color-border:         rgba(164, 176, 186, 0.16);
  --bbwab-color-white:          var(--bbwab-white);
  --bbwab-color-black:          var(--bbwab-black);

  /* ── Layout ────────────────────────────────────────────────── */
  --bbwab-max:    1120px;
  --bbwab-wide:   1280px;
  --bbwab-narrow:  720px;
  --bbwab-radius:   14px;

  /* ── Typography — font families ────────────────────────────── */
  --bbwab-font-display: 'Bebas Neue', sans-serif;
  --bbwab-font-body:    'Montserrat', system-ui, sans-serif;

  /* ── Typography — responsive scale ─────────────────────────── */
  --bbwab-font-size-display:  clamp(3.25rem, 7.5vw, 7.5rem);   /* ~92px max */
  --bbwab-font-size-h1:       clamp(2.75rem, 5.5vw, 5.75rem);  /* display h1 */
  --bbwab-font-size-h2:       clamp(2.375rem, 4.5vw, 3.625rem); /* ~58px max */
  --bbwab-font-size-h3:       clamp(1.75rem,  3vw,   2.5rem);
  --bbwab-font-size-h4:       clamp(1.25rem,  2vw,   1.75rem);
  --bbwab-font-size-body-lg:  clamp(1.0625rem, 1.5vw, 1.125rem);
  --bbwab-font-size-body:     1rem;
  --bbwab-font-size-sm:       0.875rem;
  --bbwab-font-size-xs:       0.8125rem;
  --bbwab-font-size-eyebrow:  0.75rem;

  /* ── Spacing scale ─────────────────────────────────────────── */
  --bbwab-space-2xs:  0.25rem;
  --bbwab-space-xs:   0.5rem;
  --bbwab-space-sm:   0.75rem;
  --bbwab-space-md:   1rem;
  --bbwab-space-lg:   1.5rem;
  --bbwab-space-xl:   2rem;
  --bbwab-space-2xl:  3rem;
  --bbwab-space-3xl:  4rem;
  --bbwab-space-4xl:  6rem;
  --bbwab-space-5xl:  8rem;

  /* ── Section spacing (responsive) ─────────────────────────── */
  --bbwab-section-py:   clamp(4rem, 8vw, 6rem);   /* 64px → 96px */
  --bbwab-section-px:   clamp(1rem, 4vw, 1.5rem); /* 16px → 24px */

  /* ── Transitions ───────────────────────────────────────────── */
  --bbwab-transition-fast:   0.15s ease;
  --bbwab-transition-normal: 0.2s ease;
}