:root {
  --color-primary: #4258ff;
  --color-primary-strong: #5f73ff;
  --color-accent: #0da6ff;
  --color-background: #f5f6fb;
  --color-surface: rgba(255, 255, 255, 0.95);
  --color-surface-strong: #ffffff;
  --color-text: #1c2134;
  --color-muted: #5a6276;
  --color-brand-orange: #ff8b17;
  --color-border: rgba(177, 185, 204, 0.45);
  --color-glow-start: rgba(143, 158, 255, 0.2);
  --color-glow-end: rgba(13, 166, 255, 0.12);
  --gradient-hero: linear-gradient(140deg, #ffffff, rgba(235, 239, 250, 0.94));
  --gradient-card: linear-gradient(135deg, rgba(143, 158, 255, 0.2), rgba(13, 166, 255, 0.12));
  --gradient-chip: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  --radius-lg: 32px;
  --radius-md: 20px;
  --radius-sm: 12px;
  --shadow-xl: 0 30px 80px rgba(43, 54, 108, 0.22);
  --shadow-md: 0 18px 46px rgba(70, 82, 128, 0.15);
  --shadow-soft: 0 14px 34px rgba(163, 175, 209, 0.3);
  --max-width: min(1200px, 96vw);
}