/* Весь стиль презентации — здесь. deck.css читает только эти токены. */
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../assets/fonts/Onest-cyr.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("../assets/fonts/Onest-lat.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* сцена */
  --stage-w: 1920;
  --stage-h: 1080;
  --pad-x: 120px;

  /* цвета (макет Figma «3D Презентация», 22.09) */
  --bg: #010902;
  --fg: #ffffff;
  --ink: #181514;
  --ink-muted: #6b655e;
  --card: #ffffff;
  --veil: rgba(2, 11, 4, 0.2);          /* затемнение вне «ириса» на слайде 12 */
  --bg-light: #f2f2f5;                  /* светлые слайды раздела «путь работы» (с 14-го) */
  --ink-light: #121212;
  --caption-muted: #6b6b75;             /* подписи под картинками */
  --radius: 12px;

  /* шрифт */
  --font: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --caption-size: 48px;                  /* подпись к кадру плёнки */
  --caption-track: 4.8px;
  --caption-top: 918px;
  --h1-size: 64px;
  --h1-track: 3.2px;
  --h2-size: 42px;
  --h2-track: 2.1px;
  --body-size: 28px;
  --small-size: 18px;
  --kicker-size: 20px;                  /* «путь работы с claude code в 3d» */
  --line: 1.3;

  /* навигация у левого края */
  --nav-bg: rgba(4, 8, 6, 0.86);
  --nav-muted: rgba(232, 236, 247, 0.55);
  --nav-num: rgba(232, 236, 247, 0.35);
  --nav-size: 15px;                      /* обычный пункт */
  --nav-grow: 1.7;                       /* пункт под курсором; соседи уменьшаются до обычного через 3 пункта */
  --nav-gap: 6px;

  /* тайминги, секунды (для GSAP читаются из data-атрибутов/JS — здесь для CSS-переходов) */
  --t-fast: 0.3s;

  /* размытие поверх кадра на первом слайде */
  --blur-start: 50px;
  /* «ирис» на слайде 12: эллипс 1258×822 в центре сцены → радиусы в долях сцены */
  --iris-rx: 32.8%;
  --iris-ry: 38%;
}