/* ============================================================================
   GLL DESIGN TOKENS — the single source of truth for the public site.
   Loaded FIRST. Widgets should reference these --gll-* variables; the legacy
   token names (--gold / --q-* / --gfd-* / --f-* / --lb-*) are aliased to these
   in gll-qoves.css so the fragmented palette converges without touching every
   widget stylesheet.
   ============================================================================ */
:root{
  /* Brand font (Roboto everywhere) */
  --gll-font: 'Roboto', Helvetica, Arial, sans-serif;

  /* ── GOLD ramp (was ~20 shades → 3 + pale) ── */
  --gll-gold:         #b8922a;   /* brand gold — the one true gold */
  --gll-gold-dark:    #8b6b1a;
  --gll-gold-light:   #d4af5a;
  --gll-gold-lighter: #f0d98a;
  --gll-gold-pale:    #f9f4eb;

  /* ── NAVY / dark surfaces ── */
  --gll-navy:   #071426;   /* deep brand navy (hero/preloader) */
  --gll-navy-2: #0d1a2d;   /* raised navy */
  --gll-black:  #0d0d0d;   /* near-black (footer/feature dark) */

  /* ── INK / TEXT ramp (matches the existing --q-* values → no visual shift) ── */
  --gll-ink:        #1c2329;   /* darkest heading ink */
  --gll-slate:      #233137;   /* strong heading text */
  --gll-text:       #515255;   /* body text */
  --gll-text-muted: #758084;   /* muted / secondary */
  --gll-text-faint: #9aaeb5;   /* faint / meta */
  --gll-white:      #ffffff;

  /* ── LINES / SURFACES ── */
  --gll-line:      #e8e8e8;   /* hairline border */
  --gll-surface:   #ffffff;   /* card surface */
  --gll-surface-2: #f7f6f2;   /* subtle raised surface */

  /* ── TYPE SCALE (one clamp() pattern, replacing 33 ad-hoc clamps) ── */
  --gll-fs-display: clamp(2.2rem, 4.4vw, 3.4rem);
  --gll-fs-h1:      clamp(1.9rem, 3.4vw, 2.6rem);
  --gll-fs-h2:      clamp(1.5rem, 2.4vw, 2.1rem);
  --gll-fs-h3:      clamp(1.2rem, 1.9vw, 1.5rem);
  --gll-fs-h4:      clamp(1.05rem, 1.5vw, 1.2rem);
  --gll-fs-body:    1rem;
  --gll-fs-sm:      0.875rem;
  --gll-fs-eyebrow: 0.72rem;

  /* ── RADIUS ── */
  --gll-r-0:    0px;
  --gll-r-sm:   6px;
  --gll-r-md:   12px;
  --gll-r-pill: 999px;

  /* ── SHADOW ── */
  --gll-shadow-sm: 0 1px 3px rgba(15,26,46,0.06);
  --gll-shadow-md: 0 8px 24px rgba(15,26,46,0.08);
  --gll-shadow-lg: 0 20px 50px rgba(5,9,15,0.14);

  /* ── SPACING (4/8 base) ── */
  --gll-sp-1: 4px;
  --gll-sp-2: 8px;
  --gll-sp-3: 12px;
  --gll-sp-4: 16px;
  --gll-sp-5: 24px;
  --gll-sp-6: 32px;
  --gll-sp-7: 48px;
  --gll-sp-8: 64px;

  /* ── MOTION ── */
  --gll-trans: all .25s cubic-bezier(.4,0,.2,1);
}