:root {
  --bg: #f5f6fa;
  --surface: #ffffff;
  --surface-2: #fafbfc;
  --text: #1a1d24;
  --text-muted: #6b7280;
  --border: #e5e7eb;
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #3b82f6;
  --shadow: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
  --radius: 14px;
  --radius-sm: 8px;
  --font-size: 16px;
  --transition-speed: 0.4s;
}
[data-theme="dark"] {
  --bg: #0f1117;
  --surface: #1a1d24;
  --surface-2: #22262e;
  --text: #f3f4f6;
  --text-muted: #9ca3af;
  --border: #2d3139;
  --primary: #6366f1;
  --primary-hover: #818cf8;
  --shadow: 0 4px 12px rgba(0,0,0,0.3);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.4);
}