:root {
  --font-head: "Space Grotesk", sans-serif;
  --font-body: "Space Grotesk", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --color-ink: #0b0c0e;
  --color-paper: #ffffff;
  --color-fog: #f4f1ec;
  --color-line: #e5e7eb;
  --color-mute: #9ca3af;
  --color-soft: #d1d5db;
  --header-height: 4.5rem;
  --touch-min: 44px;
  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --section-y: clamp(1.75rem, 4vh, 3rem);
  --max-wide: 92rem;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --display: clamp(2.35rem, 5.6vw, 4.55rem);
  --title: clamp(1.55rem, 2.8vw, 2.45rem);
  --body: 1rem;
}

html {
  scroll-padding-top: calc(var(--header-height) + 0.75rem);
}