:root {
  --color-background: #eef2ff;
  --color-surface: #ffffff;
  --color-elevated: #111111;
  --color-text: #111111;
  --color-muted: #3c4366;
  --color-accent: #2430a3;
  --color-accent-soft: #dce2ff;
  --color-border: #c7d2ff;
  --color-success: #222222;
  --radius-sm: 10px;
  --radius-lg: 20px;
  --shadow-sm: 0 12px 40px rgba(0, 0, 0, 0.12);
  --shadow-xs: 0 4px 20px rgba(0, 0, 0, 0.08);
  --max-width: 1120px;
  --section-space: clamp(3rem, 8vw, 6.5rem);
  --font-base: "Inter", "Segoe UI", "Helvetica Neue", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Emoji", sans-serif;
  --gradient-background: radial-gradient(circle at 10% 5%, rgba(162, 172, 212, 0.22), transparent 55%),
    radial-gradient(circle at 90% 15%, rgba(198, 208, 255, 0.2), transparent 55%),
    linear-gradient(180deg, rgba(241, 245, 255, 0.9) 0%, rgba(244, 246, 255, 0.7) 45%, rgba(236, 240, 255, 0.9) 100%);
  --glass-surface: linear-gradient(150deg, rgba(255, 255, 255, 0.88), rgba(230, 236, 255, 0.72));
  --glass-border: linear-gradient(160deg, rgba(255, 255, 255, 0.8), rgba(146, 180, 255, 0.45));
  --glass-shadow: 0 28px 60px rgba(120, 140, 200, 0.25);
}