/* POTATUM 2.1 — shared visual language.
   Fonts are unmodified Latin Modern originals, bundled with their licence. */
@font-face {
  font-family: 'Latin Modern';
  src: url('assets/fonts/lmroman17-regular.otf') format('opentype');
  font-style: normal; font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'Latin Modern';
  src: url('assets/fonts/lmroman12-italic.otf') format('opentype');
  font-style: italic; font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'Latin Modern';
  src: url('assets/fonts/lmroman12-bold.otf') format('opentype');
  font-style: normal; font-weight: 700; font-display: swap;
}
:root {
  --paper: #f5f2e9;
  --surface: #fcfaf4;
  --wash: #ece9df;
  --green: #173e32;
  --green-deep: #112d25;
  --green-light: #e7ebe2;
  --ink: #2e3630;
  --muted: #596258;
  --gold: #816438;
  --brass-light: #c5ad79;
  --line: #d7d8cc;
  --line-strong: #b3bbae;
  --focus: #987034;
  --positive: #e6eee2;
  --caution: #f0e8d6;
  --serif: 'Latin Modern', Georgia, 'Times New Roman', serif;
  --sans: Arial, Helvetica, sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --title-sm: 1.625rem;
  --title-md: clamp(2rem, 3.2vw, 2.625rem);
  --title-lg: clamp(2.75rem, 4.8vw, 4.25rem);
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --radius: 2px;
  --radius-control: 3px;
  --shadow: 0 1px 0 rgb(17 45 37 / 6%);
  --width: 1280px;
  --reading-width: 68ch;
  --gutter: clamp(24px, 3vw, 48px);
  --page-inset: max(var(--gutter), calc((100% - var(--width)) / 2 + var(--gutter)));
  --ease: 160ms ease;
  --image-grade: saturate(.76) contrast(.95) brightness(1.035);
}
@media (max-width: 600px) {
  :root { --gutter: 22px; --space-8: 3rem; --title-lg: 2.875rem; }
}