/* =========================================================================
   DRIVEN EDGE LLC — design tokens (single source of truth)
   Direction: LIGHT EDITORIAL PREMIUM.
   Color discipline: ~90% warm-graphite neutrals + warm paper white.
   The Edge-Amber accent is RATIONED — primary CTAs, links, focus, and the
   single emphasized word in the hero. Never decorative.
   Contrast (documented):
     Ink #16130F on Paper        ≈ 17.9:1 (AAA)
     Graphite #3A332B on White   ≈ 12.4:1 (AAA)
     Slate #5C5247 on White      ≈ 7.6:1  (AAA body)
     White on Edge Amber #C2410C ≈ 5.2:1  (AA)
     Edge Amber #C2410C on Paper ≈ 4.9:1  (AA — used on >=18px / >=14px bold)
   ========================================================================= */
:root{
  /* warm graphite neutral ramp (hue ~30) */
  --ink:        #16130F;
  --graphite:   #3A332B;
  --slate:      #5C5247;
  --paper:      #FAF8F4;
  --mist:       #F0ECE4;
  --white:      #FFFFFF;
  --hairline:   #E3DDD2;

  /* single brand accent — the forged edge */
  --amber:      #C2410C;  /* Edge Amber — deep, the rationed accent          */
  --amber-glow: #EA7317;  /* Amber Glow — hover/active + highlights on dark  */
  --amber-wash: #FFF4ED;  /* Amber Wash — faint accent-tinted surfaces       */

  /* semantic aliases — components consume THESE, never raw hex */
  --bg:            var(--paper);
  --bg-sunken:     var(--mist);
  --surface:       var(--white);
  --surface-dark:  var(--ink);
  --text-strong:   var(--ink);
  --text:          var(--graphite);
  --text-muted:    var(--slate);
  --text-on-dark:  #F4F0E9;
  --text-on-dark-muted: #C8C0B4;
  --border:        var(--hairline);
  --primary:       var(--amber);
  --primary-hover: var(--amber-glow);
  --link:          var(--amber);
  --focus:         var(--amber);

  /* fluid type scale (clamp — no desktop-only fixed sizes) */
  --t-eyebrow: clamp(0.72rem, 0.68rem + 0.2vw, 0.8rem);
  --t-hero:    clamp(2.6rem, 1.6rem + 4.6vw, 5rem);
  --t-h2:      clamp(1.7rem, 1.2rem + 2.2vw, 2.85rem);
  --t-h3:      clamp(1.18rem, 1.05rem + 0.6vw, 1.4rem);
  --t-lead:    clamp(1.12rem, 1.02rem + 0.55vw, 1.4rem);
  --t-body:    clamp(1rem, 0.97rem + 0.18vw, 1.08rem);
  --t-small:   clamp(0.85rem, 0.82rem + 0.12vw, 0.92rem);

  /* spacing — 8px base scale */
  --s1: 0.5rem;
  --s2: 0.75rem;
  --s3: 1rem;
  --s4: 1.5rem;
  --s5: 2rem;
  --s6: 3rem;
  --s7: 4rem;
  --s8: 6rem;
  --s9: 9rem;

  /* layout */
  --container:       72rem;
  --container-prose: 44rem;
  --gutter:          clamp(1.25rem, 0.6rem + 3vw, 3rem);
  --section-y:       clamp(3.5rem, 2rem + 6vw, 7.5rem);

  /* radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* elevation (subtle, warm-tinted) */
  --e1: 0 1px 2px rgba(22,19,15,0.05);
  --e2: 0 6px 24px -8px rgba(22,19,15,0.10), 0 1px 2px rgba(22,19,15,0.05);
  --e3: 0 24px 60px -20px rgba(22,19,15,0.18), 0 2px 6px rgba(22,19,15,0.06);

  --header-h: 4.5rem;

  /* instrument / spec-sheet system */
  --rule:        #DCD5C9;   /* structural hairline grid (slightly stronger than --hairline) */
  --rule-strong: #C7BEAF;
  --reticle:     var(--amber);
  --tick:        9px;       /* corner registration-mark arm length */
}