:root {
  --bg: #1a1714;
  --bg-raised: #221e1a;
  --bg-hover: #2a2520;
  --ink: #efe6d8;
  --ink-dim: #a89a88;
  --ink-faint: #6e6458;
  --line: #3a332c;
  --accent: #c46a3a;
  --accent-ink: #1a1714;
  --accent-dim: #8f4d2c;
  --danger: #c45c4a;
  --ok: #7a9a6a;
  --font-ui: "Outfit", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --fs-xs: 0.72rem;
  --fs-sm: 0.84rem;
  --fs-md: 1rem;
  --fs-lg: 1.35rem;
  --fs-xl: 1.85rem;
  --lh: 1.45;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.25rem;
  --space-7: 3.5rem;
  --radius: 2px;
  --nav-w: 13.5rem;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t: 160ms;
}