:root {
  --bg: #edebe4;
  --bg-2: #e4e1d8;
  --paper: #f6f4ee;
  --ink: #17191b;
  --ink-soft: #2c3034;
  --muted: #54585c;
  --line: #c9c6bd;
  --line-strong: #aaa79c;
  --accent: #8e2a1e;
  --accent-hover: #731f16;
  --accent-soft: #f3e4e0;
  --olive: #3c4a40;
  --graphite: #1a1c1e;
  --graphite-2: #24272a;
  --on-dark: #edebe4;
  --on-dark-muted: #b5b8b4;
  --danger: #8e2a1e;
  --ok: #3c4a40;
  --radius: 0;
  --header-h: 64px;
  --max: 1280px;
  --gutter: clamp(20px, 4vw, 48px);
  --section: clamp(72px, 9vw, 128px);
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --font-display: "IBM Plex Sans", "Segoe UI", sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --z-header: 40;
  --z-overlay: 50;
  --z-modal: 60;
}