:root {
  --color-primary: #6a57a4;
  --color-primary-contrast: #ffffff;
  --color-bg: #f6fafc;
  --color-surface: #ffffff;
  --color-text: #252525;
  --color-muted: rgba(37, 37, 37, 0.75);
  --color-dark: #000a24;
  --color-accent: #00a6ff;
  --color-soft: #eef2f7;
  --font-heading: Rubik, sans-serif;
  --font-body: Rubik, sans-serif;
  --radius: 6px;
  --radius-lg: 12px;
  --shadow: 0 10px 30px rgba(0, 10, 36, 0.12);
  --shadow-sm: 0 2px 8px rgba(0, 10, 36, 0.08);
}