/* CSS custom properties — light (default) and dark themes */

:root {
  --bg: #fafafa;
  --bg-alt: #f0f0f0;
  --bg-card: #ffffff;
  --text: #111111;
  --text-muted: #666666;
  --border: #e0e0e0;
  --primary: #5b4eff;
  --primary-h: #4938d4;
  --primary-soft: #ece9ff;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 2px 12px rgba(0,0,0,0.07);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  --nav-h: 64px;
}

[data-theme="dark"] {
  --bg: #0d0d0d;
  --bg-alt: #151515;
  --bg-card: #1a1a1a;
  --text: #f0f0f0;
  --text-muted: #888888;
  --border: #2a2a2a;
  --primary-soft: #1e1a3a;
  --shadow: 0 2px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.6);
}