/* theme.css — light/dark CSS variables (no external fonts) */
:root {
  --font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* Brand */
  --grad-from: #3b82f6;
  --grad-to:   #9333ea;

  /* Transitions & radii */
  --radius: 16px;
  --radius-lg: 22px;
  --speed: 220ms;
  --blur: 20px;

  /* Z-index */
  --z-nav: 50;
  --z-overlay: 40;
}

/* Dark theme */
body.dark {
  --bg: #0b0b10;
  --panel: rgba(255,255,255,0.05);
  --text: #e8e8f0;
  --muted: #b7b7c8;
  --line: rgba(255,255,255,0.08);
  --shadow: 0 10px 30px rgba(0,0,0,0.45);
  --glow: 0 0 0 1px rgba(147,51,234,0.35), 0 0 24px rgba(59,130,246,0.25);
}

/* Light theme */
body.light {
  --bg: #fafafa;
  --panel: rgba(255,255,255,0.65);
  --text: #0f1222;
  --muted: #4a5165;
  --line: rgba(17,17,20,0.08);
  --shadow: 0 10px 24px rgba(0,0,0,0.08);
  --glow: 0 0 0 1px rgba(147,51,234,0.35), 0 0 22px rgba(59,130,246,0.22);
}

/* Gradient helper */
:root, body.dark, body.light {
  --gradient: linear-gradient(90deg, var(--grad-from), var(--grad-to));
}