:root {
  --space-8: 8px;
  --space-16: 16px;
  --space-32: 32px;
  --space-64: 64px;

  --radius: 12px;

  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

  --type-sm: 0.875rem;
  --type-body: 1.0625rem;
  --type-lead: 1.1875rem;
  --type-h1: clamp(2.25rem, 1.4rem + 4.2vw, 4.25rem);
  --type-display: clamp(6rem, 3rem + 18vw, 14rem);

  --leading-tight: 1.08;
  --leading-body: 1.65;

  --color-space: #05070f;
  --color-text: #f2f5ff;
  --color-text-soft: #c9d3ee;
  --color-accent: #a9c4ff;
  --color-link: #9fd3ff;
  --color-link-hover: #ffffff;
  --color-panel: rgba(5, 8, 20, 0.72);
  --color-panel-edge: rgba(169, 196, 255, 0.18);

  --shadow-16: 0 16px 64px rgba(0, 0, 0, 0.45);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --header-h: 64px;
}