/* NOMO · токены: слоновая кость, тушь, хвоя */
@font-face {
  font-family: "Literata";
  src: url("assets/fonts/web/literata.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("assets/fonts/web/literata-italic.woff2") format("woff2");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Sans";
  src: url("assets/fonts/web/sofia-sans.woff2") format("woff2");
  font-weight: 1 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  --paper: #f5f1e8;
  --paper-2: #ece6d8;
  --paper-3: #e3dccb;
  --ink: #0f1c17;
  --ink-2: #39463f;
  --ink-3: #59655e;
  --green: #165440;
  --green-deep: #0d3327;
  --green-line: #2f6b57;
  --rule: #cdc5b1;
  --focus: #165440;
  --error: #9e331c;

  --f-serif: "Literata", Georgia, "Times New Roman", serif;
  --f-sans: "Sofia Sans", "Helvetica Neue", Arial, sans-serif;

  --fs-hero: clamp(2.15rem, 0.9rem + 5.2vw, 6.25rem);
  --fs-h2: clamp(1.9rem, 1.15rem + 2.6vw, 3.5rem);
  --fs-h3: clamp(1.3rem, 1.08rem + 0.9vw, 1.85rem);
  --fs-lead: clamp(1.0625rem, 0.98rem + 0.35vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-ui: 0.9375rem;
  --fs-small: 0.8125rem;
  --lh-body: 1.6;

  --gutter: clamp(16px, 4vw, 56px);
  --gap: clamp(12px, 2vw, 28px);
  --sec-y: clamp(64px, 6vw + 32px, 128px);
  --head-h: 60px;

  --dur-fast: 110ms;
  --dur-base: 240ms;
  --dur-scene: 900ms;
  --ease: cubic-bezier(0.4, 0.14, 0.3, 1);
}
@media (min-width: 1024px) {
  :root { --head-h: 72px; }
}