:root {
  --bg: #0c0c0c;
  --bg-raised: #141414;
  --ink: #f2efe6;
  --ink-muted: #8f8b82;
  --line: #2a2a2a;
  --accent: #e23b2d;
  --accent-ink: #0c0c0c;
  --ok: #7d9b76;
  --warn: #c4a35a;
  --danger: #c23b2e;

  --font-display: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;

  --radius: 2px;
  --max-w: 42rem;
  --max-w-wide: 48rem;
  --focus: 2px solid var(--accent);
  --dur: 120ms;
}