/* Kindware — токены дизайна. Меняем значение здесь — меняется весь сайт.
   Вид студии «Ночь» (BRAND.md, раздел 5): тёмно-синий, светлый текст, одна коралловая точка.
   «Бумага» — светлые разделы-«утро» для ритма страницы. */

@font-face{font-family:Unb;font-weight:400;font-display:swap;src:url(../fonts/unbounded-cyrillic-400.woff2) format("woff2");unicode-range:U+0400-04FF}
@font-face{font-family:Unb;font-weight:400;font-display:swap;src:url(../fonts/unbounded-latin-400.woff2) format("woff2");unicode-range:U+0000-03FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Unb;font-weight:600;font-display:swap;src:url(../fonts/unbounded-cyrillic-600.woff2) format("woff2");unicode-range:U+0400-04FF}
@font-face{font-family:Unb;font-weight:600;font-display:swap;src:url(../fonts/unbounded-latin-600.woff2) format("woff2");unicode-range:U+0000-03FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Man;font-weight:500;font-display:swap;src:url(../fonts/manrope-cyrillic-500.woff2) format("woff2");unicode-range:U+0400-04FF}
@font-face{font-family:Man;font-weight:500;font-display:swap;src:url(../fonts/manrope-latin-500.woff2) format("woff2");unicode-range:U+0000-03FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Man;font-weight:700;font-display:swap;src:url(../fonts/manrope-cyrillic-700.woff2) format("woff2");unicode-range:U+0400-04FF}
@font-face{font-family:Man;font-weight:700;font-display:swap;src:url(../fonts/manrope-latin-700.woff2) format("woff2");unicode-range:U+0000-03FF,U+2000-206F,U+20AC,U+2122}

:root{
  /* цвет — ночь */
  --night:#0F1A2E;        /* фон */
  --night-2:#16233B;      /* поверхность, стены дома */
  --night-3:#1C2A45;      /* окно без света */
  --ink:#F1F3F8;          /* заголовки, 15,7:1 */
  --ink-2:#C9D0DE;        /* абзацы на ночи, ~11:1 */
  --muted:#9AA3B7;        /* подписи и служебное, 6,9:1 */
  --line:#26324A;         /* линии 1 px */
  --line-2:#3A4866;       /* линии при наведении */
  --coral:#FF6B5A;        /* единственный акцент: точка, ключевое слово */
  --light:#F3D9A4;        /* свет в окне */

  /* цвет — бумага (утро) */
  --paper:#F4F1EA;
  --paper-ink:#0F1A2E;
  --paper-ink-2:#33405A;  /* абзацы на бумаге, ~9:1 */
  --paper-muted:#5E6880;
  --paper-line:#D9D3C6;
  --coral-deep:#CC3D2A;   /* коралл на светлом, 4,9:1 */

  /* шрифты: две гарнитуры */
  --f-display:Unb, "Arial Black", sans-serif;
  --f-text:Man, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* кегли */
  --t-label:13px;
  --t-small:15px;
  --t-body:18px;
  --t-lead:clamp(20px, 2vw, 24px);
  --t-h3:clamp(22px, 2.2vw, 28px);
  --t-h2:clamp(32px, 4.6vw, 64px);
  --t-product:clamp(36px, 6.4vw, 96px);
  --t-giant:clamp(64px, 15.5vw, 236px);
  --t-hero:clamp(56px, 10.6vw, 168px);

  /* отступы — шаг 8 */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px;
  --gutter:clamp(16px, 4vw, 48px);
  --section:clamp(96px, 12vw, 160px);
  --max:1440px;

  /* форма */
  --r-s:8px; --r-m:12px;

  /* движение */
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-fast:.2s; --t-mid:.5s; --t-slow:.9s;

  color-scheme:dark;
}