:root {
  --ink: #0b0b0a;
  --paper: #eee9df;
  --paper-2: #ded7ca;
  --signal: #ff5a1f;
  --signal-on-light: #bd3510;
  --steel: #252a30;
  --muted: #aaa59b;
  --dim: #8c8880;
  --sans: "Archivo", Arial, sans-serif;
  --display: "Archivo", "Arial Black", Arial, sans-serif;
  --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --line-dark: rgba(238, 233, 223, 0.14);
  --line-light: rgba(11, 11, 10, 0.18);
  --gutter: 32px;
  --content-max: 1180px;
  --section-space: 120px;
  --header-height: 76px;
  --body-size: 16px;
  --body-leading: 1.7;
  --intro-size: 19px;
  --utility-size: 12px;
  --charcoal: #121311;
  --charcoal-soft: #171715;
  --warm-body: #57534d;
  --label-on-light: #605c55;
  --available: #426149;
}
@media (max-width: 900px) {
  :root { --gutter: 20px; --section-space: 80px; }
}
@media (max-width: 560px) {
  :root { --gutter: 16px; --section-space: 64px; --intro-size: 16px; }
}
@media (max-width: 1180px) {
  :root { --header-height: 66px; }
}