/* ==========================================================================
   Lever Dynamis — design tokens v3
   TWO-COLOUR SIGNAL SYSTEM (this is the thing that is ours, not borrowed):
     ORANGE = measured · observed · live      — what the sea told us
     BLUE   = built · engineered · computed   — what we did about it
   Both come off the old EWD wordmark. Sedna runs one hue; we run two with a rule.
   Validated as a chart palette: ΔE 39 normal / 31.2 protan / 33.2 tritan.
   ========================================================================== */
:root{
  /* ── Blue: built, engineered, computed ── */
  --blue:       #0C6CFF;
  --blue-deep:  #0A4FBF;
  --blue-soft:  #7FB2FF;
  --blue-wash:  #D2E4FF;

  /* ── Orange: measured, observed, live ── */
  --orange:      #E05828;
  --orange-soft: #FF9B6E;
  --orange-deep: #B33F16;
  --orange-wash: #FFE2D5;

  /* ── Neutral ramp, biased true-blue (not violet) ── */
  --g-02: #FAFAFB;
  --g-04: #EFF0F4;
  --g-10: #E3E6EC;
  --g-20: #C5CAD4;
  --g-30: #AAB0BD;
  --g-40: #8D93A3;
  --g-60: #595F6E;
  --g-70: #434955;
  --g-78: #31353F;
  --g-84: #22262E;
  --g-90: #161922;

  --line:      #B0B6C2;
  --line-soft: #D8DCE4;
  --line-dark: #31353F;

  --ink:       #0A0C12;
  --ink-deep:  #032237;
  --ink-muted: #474D5C;
  --ink-light: #EBECF0;

  --dark:      #0A0C12;
  --dark-card: #101038;
  --sea-deep:  #01101F;

  --sea-light: #70A8C0;

  --f-display: "Manrope", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --f-body:    "Manrope", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --pad:     24px;
  --r-card:  16px;
  --r-btn:   5px;
  --r-panel: 12px;
  --nav-h:   68px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Legacy aliases ────────────────────────────────────────────────
     The inner pages carry their own <style> blocks written against the
     v1 token names. Mapping them here repairs all six pages at once
     instead of hand-editing each block. ── */
  --surface:      #FFFFFF;
  --ground-2:     var(--g-10);
  --ink-3:        var(--ink-muted);
  --rule:         var(--line-soft);
  --rule-2:       var(--line);
  --indigo:       var(--dark-card);
  --glass-dark-b: rgba(255,255,255,.16);
  --r:            10px;
  --r-sm:         6px;
  --r-lg:         var(--r-card);

  /* ── Vertical rhythm ───────────────────────────────────────────────
     One scale for every gap on the site. Section padding is a single
     token so adjacent sections cannot silently double into a hole. ── */
  --sp-1:  8px;
  --sp-2:  12px;
  --sp-3:  16px;
  --sp-4:  24px;
  --sp-5:  32px;
  --sp-6:  48px;
  --sp-7:  64px;
  --sp-8:  clamp(56px, 5.4vw, 88px);   /* standard section padding */
  --sp-9:  clamp(72px, 7vw, 116px);    /* a deliberate major break   */
}