:root {
  --ink: #11231d;
  --ink-2: #28423a;
  --ink-3: #657770;
  --muted: #7c8b85;
  --paper: #fbf7ed;
  --paper-2: #f5efe2;
  --cream: #fffdf8;
  --line: rgba(17, 35, 29, 0.12);
  --line-strong: rgba(17, 35, 29, 0.18);
  --forest: #0f2d24;
  --forest-2: #174235;
  --mint: #70e0a3;
  --mint-2: #c9f6db;
  --sage: #dcebdd;
  --sun: #f4c95d;
  --coral: #ef6b4f;
  --blue: #315f92;
  --lav: #cbb9ff;
  --shadow-sm: 0 10px 24px rgba(12, 29, 23, 0.08);
  --shadow-md: 0 22px 70px rgba(12, 29, 23, 0.14);
  --shadow-lg: 0 32px 110px rgba(12, 29, 23, 0.2);
  --radius-xl: 34px;
  --radius-lg: 26px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --max: 1180px;
  --ease: cubic-bezier(.16,1,.3,1);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--font);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img, svg { max-width: 100%; display: block; }
::selection { background: var(--mint-2); color: var(--forest); }