/* ============================================================
   Leap13 — design tokens used by leap13.io
   Subset of the Leap13 Design System (colors / spacing / type /
   motion / elevation), copied in so the site has no external deps.
   ============================================================ */
:root{
  /* — Base ink — */
  --ink:            #0A0B10;
  --ink-rgb:        10,11,16;

  /* — Neutral ramp: alpha tints of ink over canvas — */
  --ink-a-80:  rgba(10,11,16,0.80);
  --ink-a-62:  rgba(10,11,16,0.62);
  --ink-a-45:  rgba(10,11,16,0.45);
  --ink-a-28:  rgba(10,11,16,0.28);
  --ink-a-14:  rgba(10,11,16,0.14);
  --ink-a-08:  rgba(10,11,16,0.08);

  /* — Surfaces — */
  --canvas:     #FFFFFF;
  --surface:    #F4F4F6;
  --surface-2:  #ECECEF;

  /* — Focus ring (a11y, the one electric hue) — */
  --focus:      #2348E6;

  /* — Semantic aliases — */
  --color-canvas:        var(--canvas);
  --color-surface:       var(--surface);
  --color-text:          var(--ink);
  --color-text-muted:    var(--ink-a-62);
  --color-text-subtle:   var(--ink-a-45);
  --color-border:        var(--ink-a-14);
  --color-hairline:      var(--ink-a-08);
  --color-link:          var(--ink);
  --color-focus:         var(--focus);

  /* — Typography — */
  --font-sans: "Manrope", system-ui, "Helvetica Neue", Arial, sans-serif;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extra:    800;

  --text-h1:      clamp(34px, 4vw, 52px);
  --text-h2:      clamp(24px, 2.6vw, 32px);
  --text-h3:      20px;
  --text-body-lg: 18px;
  --text-body:    16px;
  --text-body-sm: 14px;
  --text-overline:12px;

  --lh-tight:   1.04;
  --lh-snug:    1.2;
  --lh-normal:  1.5;
  --lh-relaxed: 1.65;

  --ls-display: -0.045em;
  --ls-heading: -0.02em;
  --ls-overline: 0.22em;

  /* — Spacing (4px grid) — */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  --space-block: clamp(32px, 4vw, 64px);
  --gutter:      clamp(24px, 5vw, 64px);
  --gutter-y:    clamp(20px, 3.5vw, 40px);
  --measure:     65ch;

  /* — Radii & elevation — */
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-pill: 999px;
  --ring-focus:  0 0 0 3px rgba(35,72,230,0.35);

  /* — Motion — */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
  --dur-fast:  140ms;
  --dur-base:  220ms;
}