:root {
  --bg: #ffffff;
  --bg-elev: #fff8ee;
  --cream: #fff6e6;
  --ink: #111212;
  --ink-soft: #4d4d4d;
  --muted: #888989;
  --line: #e2e2e2;
  --line-strong: #cfcfcf;
  --accent: #b85c38;
  --accent-hover: #9c4c2e;
  --accent-soft: #f6e8e0;
  --land: #3e5047;
  --graphite: #111212;
  --graphite-2: #1c1d1e;
  --on-dark: #ffffff;
  --on-dark-muted: #d4d4d4;
  --danger: #8c2f24;
  --ok: #3e5047;
  --radius: 32px;
  --radius-sm: 24px;
  --radius-pill: 50px;
  --header-h: 118px;
  --max: 1680px;
  --gutter: clamp(16px, 2.4vw, 32px);
  --section: clamp(72px, 9vw, 120px);
  --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);
  --hover: 180ms ease;
  --font-display: "Sora", "Manrope", "Segoe UI", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --z-header: 40;
  --z-overlay: 50;
  --z-modal: 60;
}