:root {
  --bg: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --line: #e5e7eb;
  --line-soft: #f3f4f6;
  --surface: #ffffff;
  --surface-soft: #fafafa;
  --purple: #7c3aed;
  --pink: #ec4899;
  --orange: #fb923c;
  --violet: #8b5cf6;
  --yellow: #fcd34d;
  --gradient-brand: linear-gradient(135deg, #6a0dad 0%, #e91e8c 50%, #f5a623 100%);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --shadow-sm: 0 8px 24px rgba(31, 41, 55, 0.06);
  --shadow-md: 0 18px 45px rgba(219, 39, 119, 0.14);
}