/* ==========================================================================
   Theme Tokens — Color & Design Variables
   Swap this file to change the entire color palette.
   ========================================================================== */

:root {
  /* Shared */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --transition: 0.2s ease;
  --container-max: 1280px;
  --container-narrow: 820px;
}

[data-theme="dark"] {
  --color-bg: #18182b;
  --color-bg-raised: #24243d;
  --color-bg-elevated: #2c2c48;
  --color-surface: #353552;
  --color-border: #3e3e5e;
  --color-primary: #6b6b99;
  --color-primary-hover: #7c7caa;
  --color-primary-muted: rgba(119, 119, 170, 0.15);
  --color-text: #e2e2f0;
  --color-text-muted: #a0a0ba;
  --color-text-faint: #7a7a96;
  --color-accent: #7ec8e3;
  --color-purple-muted: rgba(139, 109, 184, 0.15);
  --color-purple: #8b6db8;
  --color-purple-hover: #9a7ec5;
  --color-code-bg: #1e1e33;
  --color-danger: #e06c75;
  --color-success: #98c379;
  --color-warning: #e5c07b;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
}

[data-theme="light"] {
  --color-bg: #f4f4f5;
  --color-bg-raised: #ffffff;
  --color-bg-elevated: #eaeaed;
  --color-surface: #d9d9df;
  --color-border: #c5c5ce;
  --color-primary: #446699;
  --color-primary-hover: #335588;
  --color-primary-muted: rgba(68, 102, 153, 0.08);
  --color-text: #18181b;
  --color-text-muted: #3f3f46;
  --color-text-faint: #46464f;
  --color-accent: #007788;
  --color-purple-muted: rgba(123, 94, 167, 0.1);
  --color-purple: #7b5ea7;
  --color-purple-hover: #6a4f93;
  --color-code-bg: #e0e0e6;
  --color-danger: #bb3344;
  --color-success: #228855;
  --color-warning: #b8860b;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.08), 0 12px 40px rgba(0, 0, 0, 0.1);
}