/* ---------- Tokens ---------- */
:root {
  --accent: #5b4ae8;
  --accent-2: #8a7bff;
  --accent-ink: #fff;
  --kill: #e5484d;
  --good: #1a9f6b;
  --warn: #b7791f;

  --bg: #fbfbfd;
  --bg-tint: #f3f3f8;
  --surface: #ffffff;
  --surface-2: #f6f6fa;
  --border: rgba(16, 18, 40, .1);
  --border-strong: rgba(16, 18, 40, .18);
  --text: #0d0f1c;
  --muted: #5f6377;
  --shadow-lg: 0 2px 4px rgba(16, 18, 40, .04), 0 30px 80px -20px rgba(40, 30, 120, .28);
  --shadow-sm: 0 1px 2px rgba(16, 18, 40, .06), 0 8px 20px -10px rgba(16, 18, 40, .15);
  --aura: rgba(91, 74, 232, .22);

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
}

:root[data-theme="dark"] {
  --accent: #7c6cff;
  --accent-2: #a99dff;
  --good: #3ddc97;
  --warn: #f5b83d;
  --kill: #ff6369;

  --bg: #07080d;
  --bg-tint: #0a0b12;
  --surface: #0f1119;
  --surface-2: #151824;
  --border: rgba(255, 255, 255, .08);
  --border-strong: rgba(255, 255, 255, .16);
  --text: #f1f2f8;
  --muted: #8b90a6;
  --shadow-lg: 0 0 0 1px rgba(255, 255, 255, .03), 0 40px 100px -20px rgba(100, 80, 255, .35);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px -10px rgba(0, 0, 0, .6);
  --aura: rgba(124, 108, 255, .3);
  color-scheme: dark;
}