/* variables.css — design tokens & theme */
:root {
  /* Colors */
  --bg:          #0a0a0b;
  --bg2:         #111114;
  --bg3:         #1a1a1f;
  --border:      #222228;
  --text:        #c8c8d0;
  --muted:       #555560;
  --green:       #4ade80;
  --green-dim:   #1a4a2a;
  --amber:       #fbbf24;
  --blue:        #60a5fa;
  --red:         #f87171;

  /* Typography */
  --font-mono:   'JetBrains Mono', monospace;
  --font-display:'Syne', sans-serif;

  /* Spacing */
  --section-pad: 72px;
  --nav-height:  52px;

  /* Borders */
  --radius-sm:   3px;
  --radius-md:   6px;

  /* Transitions */
  --transition:  0.2s ease;
}