/* Theme contract: all components consume these tokens. Default: Dark Mode */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #080d16;
  --card: #0e1625;
  --surface: #0e1625;
  --surface2: #141f33;
  --text: #f8fafc;
  --muted: #94a3b8;
  --line: rgba(255, 255, 255, 0.12);
  --rule: rgba(255, 255, 255, 0.08);
  --accent: #a3e635;
  --accent2: #38bdf8;
  --ink: #080d16;
  --success: #4ade80;
  --success-bg: rgba(74, 222, 128, 0.12);
  --warn: #facc15;
  --warn-bg: rgba(250, 204, 21, 0.12);
  --danger: #f87171;
  --danger-bg: rgba(248, 113, 113, 0.12);
  --radius: 14px;
  --shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f8fafc;
  --card: #ffffff;
  --surface: #ffffff;
  --surface2: #f1f5f9;
  --text: #0f172a;
  --muted: #64748b;
  --line: #cbd5e1;
  --rule: #e2e8f0;
  --accent: #16a34a;
  --accent2: #0284c7;
  --ink: #ffffff;
  --success: #15803d;
  --success-bg: #dcfce7;
  --warn: #b45309;
  --warn-bg: #fef3c7;
  --danger: #b91c1c;
  --danger-bg: #fee2e2;
  --radius: 14px;
  --shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(15, 23, 42, 0.05);
}