/* GENERATED by `manage.py build_tokens` from designer/design/design-system/tokens.json.
   Do not edit by hand. */
:root {
  /* color */
  --bg: #080c0f;
  --surface: #0d1318;
  --surface-glass: rgba(13,19,24,0.80);
  --surface-lift: #111920;
  --border: #1e2d38;
  --border-strong: #243545;
  --text: #c8d8e0;
  --text-dim: #9aabb6;
  --text-muted: #78909c;
  --amber: #e8a030;
  --amber-lift: #f0ad42;
  --amber-dim: #7a5218;
  --on-amber: #080c0f;
  --blue: #55aeff;
  --blue-dim: #1d4a63;
  --ice: #9fd4ff;
  --cyan: #1abc9c;
  --green: #2ecc71;
  --green-dim: #1a6b3c;
  --purple: #d18bec;
  --red: #e74c3c;
  --red-text: #ff7a78;
  --red-dim: #7a2820;
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 40px;
  --space-8: 64px;
  /* radius */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  /* shadow */
  --glow-amber: 0 0 8px rgba(232,160,48,0.7), 0 0 20px rgba(232,160,48,0.25);
  --glow-blue: 0 0 8px rgba(85,174,255,0.5), 0 0 20px rgba(85,174,255,0.2);
  --glow-cyan: 0 0 8px rgba(26,188,156,0.45), 0 0 20px rgba(26,188,156,0.18);
  --glow-green: 0 0 8px rgba(46,204,113,0.45), 0 0 20px rgba(46,204,113,0.18);
  --glow-purple: 0 0 8px rgba(209,139,236,0.45), 0 0 20px rgba(209,139,236,0.18);
  --glow-red: 0 0 8px rgba(255,122,120,0.5), 0 0 20px rgba(255,122,120,0.2);
  --card-rest: 0 0 0 1px rgba(30,45,56,1), 0 8px 24px rgba(0,0,0,0.35);
  --tab-active-amber: inset 0 -12px 20px -12px rgba(232,160,48,0.6);
  --focus-ring: 0 0 0 2px #e8a030;
  /* opacity */
  --scanline-alpha: 0.02;
  --disabled: 0.4;
}