/* tokens.css — единственный источник правды по стилю (см. docs/DESIGN.md).
   В разметке и main.css — только var(--token) и clamp(), без «магических» хексов. */

/* ─── Шрифты: локальные вариативные woff2 (cyrillic + latin сабсеты) ─── */
@font-face{
  font-family:'Unbounded';
  src:url('/assets/fonts/unbounded-latin.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Unbounded';
  src:url('/assets/fonts/unbounded-cyrillic.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Manrope';
  src:url('/assets/fonts/manrope-latin.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Manrope';
  src:url('/assets/fonts/manrope-cyrillic.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

:root{
  /* Поверхности */
  --canvas:#0f0f10;      /* фон страницы */
  --panel:#161618;       /* плашки, медиа-заглушки */
  --panel-2:#1c1c1f;

  /* Линии */
  --line:#2a2a2d;        /* хайрлайн-разделители */
  --line-strong:#3d3d3d; /* обводки, бордеры кнопок */

  /* Текст (серая лесенка) */
  --text-strong:#ffffff; /* заголовки, вордмарк */
  --text:#d8d9dd;        /* основной текст */
  --soft:#c7c7c7;        /* вторичный */
  --mute:#7d7d7d;        /* мета, подписи, крупный декор */
  --graphite:#595959;    /* самый тусклый (номера, disabled) */

  /* Акцент — ЕДИНСТВЕННЫЙ */
  --live:#ff4d2e;        /* «on-air»: волна, активное, ховер проекта */
  --live-dim:#c93a20;

  /* Шрифты */
  --display:'Unbounded',sans-serif;
  --body:'Manrope',sans-serif;

  /* Ритм */
  --sp-sm:10px; --sp-md:20px; --sp-lg:30px; --sp-xl:40px;
  --section:clamp(72px,11vw,160px); /* вертикаль между секциями */
  --gutter:clamp(20px,5vw,72px);    /* боковые поля */
  --maxw:1500px;                    /* контейнер */
  --ease:cubic-bezier(.2,.7,.2,1);
}