:root {
  --color-bg: #050506;
  --color-bg-deep: #02040b;
  --color-bg-mid: #070d1c;
  --color-surface: #0e1014;
  --color-surface-elevated: #151821;
  --color-surface-panel: #0f1628;
  --color-text: #f4f6fb;
  --color-text-strong: #ffffff;
  --color-muted: #b3bdcd;
  --color-link: #d8deea;
  --color-link-hover: #ffffff;
  --color-border: #2b3140;
  --color-border-subtle: #27314a;
  --color-accent: #8ea2ff;
  --color-accent-strong: #9ad8ff;
  --color-button-text-dark: #07101d;

  --color-overlay: rgba(5, 5, 7, 0.72);
  --color-shadow: rgba(0, 0, 0, 0.35);
  --color-glow-primary: rgba(142, 162, 255, 0.2);
  --color-glow-secondary: rgba(154, 216, 255, 0.15);
  --color-galaxy-haze: rgba(100, 128, 214, 0.18);
  --color-galaxy-haze-2: rgba(148, 133, 190, 0.16);
  --color-galaxy-mist: rgba(133, 167, 255, 0.11);
  --color-galaxy-violet: rgba(169, 147, 226, 0.1);
  --color-galaxy-indigo-deep: rgba(48, 72, 156, 0.32);
  --color-galaxy-violet-soft: rgba(132, 122, 198, 0.26);
  --color-galaxy-cyan-cool: rgba(118, 196, 226, 0.23);
  --color-galaxy-core: rgba(177, 214, 255, 0.26);
  --color-page-atmosphere: rgba(92, 126, 198, 0.08);
  --color-galaxy-node: rgba(219, 236, 255, 0.84);
  --color-galaxy-line: rgba(177, 206, 255, 0.3);
  --color-star-core: rgba(255, 255, 255, 0.85);
  --color-star-trail-soft: rgba(255, 255, 255, 0.35);
  --color-hero-mask-soft: rgba(3, 7, 18, 0.1);
  --color-hero-mask-mid: rgba(3, 7, 18, 0.56);
  --color-hero-mask-strong: rgba(3, 7, 18, 0.9);
  --color-hero-mask-top: rgba(3, 7, 18, 0.2);
  --color-hero-mask-bottom: rgba(3, 7, 18, 0.88);
  --color-hero-glaze-deep: rgba(4, 8, 18, 0.82);
  --color-hero-glaze-mid: rgba(12, 24, 52, 0.5);
  --color-hero-mask-left-strong: rgba(2, 4, 10, 0.92);
  --color-hero-mask-left-soft: rgba(4, 8, 18, 0.34);

  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-2: 0.5rem;
  --radius-3: 0.875rem;
  --radius-4: 1.25rem;
  --radius-pill: 999px;
  --max-width: 70rem;

  --text-sm: 0.9rem;
  --text-base: 1rem;
  --text-lg: clamp(1.08rem, 1.8vw, 1.25rem);
  --text-xl: clamp(1.85rem, 5vw, 3.25rem);
}