:root {
  --blue: #0a2d7c;
  --purple: #6a2bc7;
  --silver: #c9ced8;
  --white: #ffffff;
  --surface: #ffffff;
  --surface-elevated: #e3ddd2;
  --card: #f4efe6;
  --navy: #07152f;
  --navy-soft: #0c1f42;
  --text: #0d1526;
  --text-muted: #3d4a5f;
  --border: rgba(7, 21, 47, 0.18);
  --border-strong: rgba(7, 21, 47, 0.28);
  --glass: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.14);
  --gradient: linear-gradient(135deg, #6a2bc7 0%, #0a2d7c 100%);
  --gradient-soft: linear-gradient(160deg, rgba(106, 43, 199, 0.18), rgba(10, 45, 124, 0.12));
  --glow-purple: 0 0 40px rgba(106, 43, 199, 0.35);
  --glow-blue: 0 0 40px rgba(10, 45, 124, 0.3);
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 12px 40px rgba(7, 21, 47, 0.08);
  --shadow-lg: 0 24px 60px rgba(7, 21, 47, 0.14);
  --font-display: "Space Grotesk", "Sora", system-ui, sans-serif;
  --font-body: "Inter", "Manrope", system-ui, sans-serif;
  --container: min(1180px, calc(100% - 3rem));
  --header-h: 76px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --transition: 0.35s var(--ease);
}