:root {
  --color-bg: #f9f9f9;
  --color-surface: #ffffff;
  --color-surface-soft: #f5f2fc;
  --color-border: #e6e8e8;
  --color-text: #232323;
  --color-text-soft: #5e6470;
  --color-primary: #220a63;
  --color-primary-strong: #0c41c4;
  --color-secondary: #5729ff;
  --color-violet: #680dbf;
  --color-accent: #ce0071;
  --color-muted: #5e6470;
  --color-shadow: rgba(34, 10, 99, 0.08);
  --color-success: #157347;
  --color-warning: #b76a00;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --shadow-card: 0 8px 28px rgba(34, 10, 99, 0.045);
  --font-base: "Roboto", "Calibri", sans-serif;
  --max-width: 1240px;
}