:root {
  --primary: #6d28d9;
  --primary-dark: #4c1d95;
  --primary-rgb: 109, 40, 217;

  --text: #111827;
  --muted: #6b7280;
  --muted-strong: #4b5563;

  --bg: #ffffff;
  --soft: #f9fafb;
  --border: #e5e7eb;

  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --shadow-sm: 0 8px 24px rgba(17, 24, 39, 0.08);
  --shadow-lg: 0 20px 50px rgba(17, 24, 39, 0.08);
}