/* Tokens — dark default, light via data-theme */
:root,
html[data-theme='dark'] {
  --bg: #0c0e14;
  --surface: #151922;
  --surface-2: #1c2230;
  --border: #2a3142;
  --text: #e8ecf4;
  --text-sec: #a8b0c0;
  --text-muted: #6d7588;
  --primary: #6ea8fe;
  --primary-ink: #0a1628;
  --danger: #e85d5d;
  --warn: #e8c56a;
  --ok: #7dd3a0;
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  --radius: 12px;
  --font: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

html[data-theme='light'] {
  --bg: #f4f6fa;
  --surface: #ffffff;
  --surface-2: #eef1f7;
  --border: #d5dbe8;
  --text: #12151c;
  --text-sec: #4a5263;
  --text-muted: #7a8294;
  --primary: #3b7ddd;
  --primary-ink: #ffffff;
  --danger: #c93c3c;
  --warn: #b8860b;
  --ok: #2f9e6b;
  --shadow: 0 8px 24px rgba(20, 30, 50, 0.08);
}