:root {
  --primary: #2a1d47;
  --primary-hover: #170f2b;
  --primary-tint: #efebf7;
  --on-primary: #ffffff;
  --focus-ring: #7b5fc7;
  --text: #2b2b2b;
  --heading: #2a1d47;
  --text-muted: #545454;
  --border: #d6dee7;
  --field-border: #7c8796;
  --surface: #ffffff;
  --background: #f8fafc;
  --success: #15803d;
  --success-tint: #f0fdf4;
  --danger: #b91c1c;
  --danger-tint: #fff5f5;
  --danger-border: #fecaca;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-size-1: 11px;
  --font-size-2: 12px;
  --font-size-3: 13px;
  --font-size-4: 14px;
  --font-size-5: 16px;
  --font-size-6: 18px;
  --font-size-7: 20px;
  --font-size-8: 22px;
  --font-size-9: 28px;
  --font-size-10: 34px;
  --font-size-11: 40px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-14: 14px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --radius-xs: 6px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
}