:root {
  --color-paper: #f2efe7;
  --color-paper-deep: #e5e0d5;
  --color-ink: #171a18;
  --color-forest: #102720;
  --color-forest-soft: #18372e;
  --color-accent: #c34725;
  --color-accent-light: #ff8358;
  --color-muted: #676d68;
  --color-line: rgba(23, 26, 24, .18);
  --color-line-light: rgba(255, 255, 255, .22);
  --font-display: "Onest", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Onest", ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --container: 96rem;
  --space-section: clamp(5rem, 9vw, 9rem);
  --radius-s: .45rem;
  --radius-m: 1.1rem;
  --radius-l: 2rem;
  --ease-cinematic: cubic-bezier(.22, 1, .36, 1);
  --ease-snap: cubic-bezier(.76, 0, .24, 1);
  --duration-fast: 220ms;
  --duration-medium: 560ms;
  --duration-slow: 1050ms;
}