/* Дизайн-система «Раппорт».
   Формула мира: страница — кусок полотна. Раппорт орнамента задаёт сетку,
   вещи вшиты в её ячейки, элементы разделены швами, а не отступами.
   Цвет берётся у натуральных красителей: вайда (индиго), марена, ореховая
   скорлупа, резеда. Каждый владеет целой ячейкой — это не акценты на фоне. */

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/unbounded-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/unbounded-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Golos Text';
  src: url('../fonts/golos-400-cyrillic.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Golos Text';
  src: url('../fonts/golos-400-latin.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+2190-21BB, U+2212, U+2215;
}
@font-face {
  font-family: 'Golos Text';
  src: url('../fonts/golos-500-cyrillic.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
  unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Golos Text';
  src: url('../fonts/golos-500-latin.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+2190-21BB, U+2212, U+2215;
}
@font-face {
  font-family: 'Golos Text';
  src: url('../fonts/golos-600-cyrillic.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
  unicode-range: U+0400-04FF, U+0500-052F, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
  font-family: 'Golos Text';
  src: url('../fonts/golos-600-latin.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+2190-21BB, U+2212, U+2215;
}

:root {
  /* полотно — суровьё, неотбелённый лён с серым подтоном */
  --len-100: #E3DFD3;
  --len-200: #D8D3C4;
  --len-300: #C7C1AE;

  /* четыре красителя */
  --vayda: #26364F;      /* вайда, она же индиго */
  --vayda-deep: #1A2739;
  --marena: #9E3B2E;     /* корень марены */
  --orekh: #6B5138;      /* ореховая скорлупа */
  --rezeda: #7E7128;     /* резеда, жёлто-оливковый */

  --tush: #1C2229;       /* текст по льну */
  --tush-dim: #55605C;   /* второстепенный текст по льну */
  --len-text: #EDE9DE;   /* текст по красителю */
  --len-text-dim: #C3BFB0;

  --font-display: 'Unbounded', 'Segoe UI', system-ui, sans-serif;
  --font-text: 'Golos Text', 'Segoe UI', system-ui, sans-serif;

  --step-h1: clamp(1.7rem, 1.1rem + 2.4vw, 3rem);
  --step-h2: clamp(1.3rem, 1.05rem + 1vw, 1.9rem);
  --step-h3: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  --step-body: clamp(1rem, 0.97rem + 0.16vw, 1.06rem);
  --step-small: 0.9375rem;
  --step-tiny: 0.875rem;

  /* шов — линия между ячейками полотна; отступов между ними не бывает */
  --shov: 1px solid var(--vayda);
  --shov-thin: 1px solid rgba(38, 54, 79, 0.28);
  --uzel: 7px;                 /* ромб-узелок на пересечении швов */

  --measure: 64ch;
  --dur: 260ms;
  --dur-fast: 140ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* нити основы: очень слабая вертикальная штриховка полотна */
  --osnova:
    repeating-linear-gradient(90deg,
      rgba(38, 54, 79, 0.05) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(0deg,
      rgba(38, 54, 79, 0.035) 0 1px, transparent 1px 7px);
}