/*
 * ANTI-FORMULA
 * Design Tokens — venture studio, conviction site
 */

:root {

  /* ─── COLOR ────────────────────────────────────────────────── */
  --specimen-black:  #141214;
  --lab-white:       #F5F4F0;
  --signal-red:      #C1272D;
  --blueprint-blue:  #1B3F6B;
  --muted:           #6B6560;
  --hairline:        #E3E0D8;

  /* Dark-ground text */
  --dark-body:       #C4C2C0;
  --dark-mid:        #908E96;
  --dark-rule:       rgba(255,255,255,.10);
  --dark-subtle:     #1C191A;

  /* ─── TYPE ─────────────────────────────────────────────────── */
  --f-sans:   'Space Grotesk', system-ui, sans-serif;
  --f-serif:  'Source Serif 4', Georgia, serif;
  --f-mono:   'IBM Plex Mono', 'Courier New', monospace;

  /* ─── SPACING (8px base) ───────────────────────────────────── */
  --sp-1:   8px;
  --sp-2:  16px;
  --sp-3:  24px;
  --sp-5:  40px;
  --sp-8:  64px;
  --sp-12: 96px;
  --sp-20: 160px;

  /* Section vertical padding */
  --section-pad: clamp(96px, 15vh, 160px);

  /* ─── GRID ─────────────────────────────────────────────────── */
  --g-max:    1440px;
  --g-margin: clamp(24px, 5vw, 156px);

  /* ─── MOTION ───────────────────────────────────────────────── */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:    cubic-bezier(0.7, 0, 0.84, 0);
  --ease-inout: cubic-bezier(0.87, 0, 0.13, 1);
}