:root {
  --color-violet: #6a00a7;
  --color-cyan: #00cdcd;
  --color-navy: #002955;
  --color-navy-80: rgba(0, 41, 85, 0.8);
  --color-white: #ffffff;
  --color-surface-alt: #f7f7f7;
  --color-surface-tint: #faf7fc;
  --color-violet-soft: #f4edfb;
  --color-border: rgba(106, 0, 167, 0.1);
  --color-border-hover: rgba(106, 0, 167, 0.3);
  --color-glass: rgba(255, 255, 255, 0.07);
  --color-error: #e11d48;
  --gradient-brand: linear-gradient(90deg, #6A00A7 0%, #00CDCD 200%);
  --gradient-band: linear-gradient(97deg, #6A00A7 -2%, #1C57B0 52%, #00CDCD 102%);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --container: 1264px;
  --header-height: 80px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --shadow-sm: 0 1px 3px rgba(0, 41, 85, 0.12);
  --shadow-md: 0 4px 12px rgba(0, 41, 85, 0.08);
  --shadow-lg: 0 16px 32px -12px rgba(0, 41, 85, 0.30);
  --shadow-accent: 0 12px 24px -8px rgba(106, 0, 167, 0.25);
  --shadow-up: 0 -4px 16px rgba(0, 41, 85, 0.08);
  --bp-tablet: 992px;
  --bp-mobile: 768px;
  --font-sans: Ubuntu, sans-serif;
}