:root {
  --bg: #ffffff;
  --surface: #f8fafc;
  --surface-border: #e2e8f0;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --accent: #4f46e5;
  --accent-hover: #4338ca;
  --accent-soft: rgba(79, 70, 229, 0.08);
  --accent-purple: #7c3aed;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --shadow-soft: 0 10px 30px -10px rgba(15, 23, 42, 0.05);
  --shadow-hover: 0 20px 40px -15px rgba(79, 70, 229, 0.12);
}