:root {
  --charcoal: #111213;
  --obsidian: #090A0B;
  --obsidian-raised: #151719;
  --volt: #C8F03C;
  --cream: #F2EFE6;
  --steel: #8A9099;

  --font-display: "Arial Black", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --font-mono: "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --text-display: clamp(3rem, 6vw, 5.5rem);
  --text-page: clamp(1.75rem, 3vw, 2.5rem);
  --text-heading: 1.125rem;
  --text-body: .875rem;
  --text-meta: .6875rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --radius-card: 16px;
}