:root {
  --bg: #f1f5f9;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #f1f5f9;
  --border: #e2e8f0;
  --text: #0f172a;
  --text-2: #475569;
  --text-muted: #94a3b8;
  --accent: #3b82f6;
  --accent-dim: #306ac9;
  --accent-soft: rgba(59,130,246,0.08);
  --accent-glow: rgba(59,130,246,0.15);
  --violet: #8b5cf6;
  --violet-soft: rgba(139,92,246,0.1);
  --violet-glow: rgba(139,92,246,0.2);
  --green: #10b981;
  --amber: #f59e0b;
  --red: #ef4444;
  --blue: #3b82f6;
  --purple: #8b5cf6;
  --radius: 12px;
  --radius-lg: 16px;
}