/* tokens.css — design system variables (dark-first) */
:root {
  --bg: #0f0f10;
  --surface: #1b1d21;
  --surface-2: #23262c;
  --text: #e6e6e6;
  --muted: #a8b0bd;
  --border: #2c3036;
  --shadow: 0 12px 40px rgba(0,0,0,.35);
  --primary: #2563eb;
  --primary-600: #1f52c1;
  --danger: #e5484d;
  --success: #22c55e;
  --warning: #f1c40f;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-7: 28px; --space-8: 32px;

  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --fs-1: 12px; --fs-2: 14px; --fs-3: 16px; --fs-4: 20px; --fs-5: 24px;
}

/* Optional light mode */
[data-theme="light"] {
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #f4f6f8;
  --text: #121417;
  --muted: #4b5563;
  --border: #e5e7eb;
}