/* tokens.css — all CSS custom properties; never add styles here */
:root {
  /* Consumer (light) */
  --bg:        #faf8f4;
  --surface:   #ffffff;
  --ink:       #4a4540;
  --muted:     #b8b0a6;
  --border:    #e6e0d6;
  --orange:    #d4541a;
  --orange-l:  #fdf0e8;
  --orange-b:  #f5c4a8;
  --green:     #1a6e3c;
  --green-l:   #e8f5ee;

  /* Staff (dark) */
  --dbg:       #0c0e12;
  --dsurface:  #131720;
  --dsurface2: #1a1f2c;
  --dborder:   #242938;
  --dtext:     #f0f3fa;
  --dmuted:    #8892aa;
  --blue:      #4a8fff;
  --blue-g:    rgba(74,143,255,0.12);
  --dgreen:    #22c55e;
  --dgreen-g:  rgba(34,197,94,0.12);
  --amber:     #f5a623;
  --amber-g:   rgba(245,166,35,0.12);
  --red:       #ef4444;
  --red-g:     rgba(239,68,68,0.12);
  --purple:    #a78bfa;
  --purple-g:  rgba(167,139,250,0.12);

  /* Typography */
  --font-body:  'DM Sans', sans-serif;
  --font-head:  'Bebas Neue', sans-serif;
  --font-mono:  'IBM Plex Mono', monospace;
}