:root {
  --bg-cream: rgb(244, 241, 238);
  --bg-offwhite: rgb(249, 248, 248);
  --bg-dark: rgb(0, 8, 28);
  --bg-dark-warm: rgb(26, 22, 21);
  --text-dark: rgb(26, 22, 21);
  --text-light: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.82);
  --text-gray: rgb(207, 207, 207);
  --accent-blue: rgb(132, 185, 239);
  --border-soft: rgba(204, 204, 204, 0.28);
  --font-display: "Outfit", system-ui, -apple-system, sans-serif;
  --font-mono: "Fragment Mono", ui-monospace, monospace;
  --r-pill: 100px;
  --r-card: 24px;
  --r-lg: 16px;
  --sp-1: 8px; --sp-2: 16px; --sp-3: 24px;
  --sp-4: 40px; --sp-5: 64px; --sp-6: 96px; --sp-7: 128px;
  --container-max: 1200px;
  --container-pad: 24px;
}