/* Дизайн-токены kronto: хвойный, ночной синий и крем.
   Меняйте значения здесь — остальные стили ссылаются на них. */

/* Onest — вариативный, 300–700. Три файла по диапазонам символов:
   браузер скачивает только нужные (кириллица + латиница + знак рубля). */
@font-face {
  font-family: "Onest";
  src: url("../fonts/onest-cyrillic.woff2") format("woff2");
  font-weight: 300 700;
  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: "Onest";
  src: url("../fonts/onest-latin.woff2") format("woff2");
  font-weight: 300 700;
  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+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Onest";
  src: url("../fonts/onest-rub.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+20BD;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Фон и поверхности */
  --cream: #f0e7d5;          /* фон страницы */
  --paper: #f7f1e6;          /* карточки */
  --paper-2: #fbf8f1;        /* окно демо, поля */
  --paper-3: #fffdf8;        /* поле ввода */
  --sand: #f3ecdd;           /* боковая панель демо, фрагмент источника */
  --sand-2: #efe6d3;         /* вопрос сотрудника */
  --sand-3: #e9e0cc;         /* выбранный документ */
  --line: #ddd3c0;
  --line-2: #e4dac7;
  --line-3: #d3c8b3;

  /* Текст и тёмные поверхности */
  --navy: #262f4e;           /* основной текст и тёмные секции, 11:1 на креме */
  --navy-2: #39426a;         /* наведение, индиго */
  --navy-3: #4a5175;         /* линии на тёмном */
  --navy-4: #414a6c;
  --night: #0b0f1f;          /* первый экран */
  --muted: #565a6b;          /* вторичный текст, 5.9:1 на креме */
  --muted-2: #62667c;        /* подписи, 4.6:1 на креме */
  --on-dark: #f0e7d5;
  --on-dark-muted: #c9c3b6;  /* 8:1 на navy */
  --on-dark-muted-2: #b2aea9;

  /* Акценты */
  --teal: #2f6b66;           /* хвойный: кнопки, маркеры источников, 5.6:1 на креме */
  --teal-2: #3a7c76;         /* наведение */
  --teal-light: #8cc2b8;
  --teal-soft: #dceae5;
  --teal-ink: #24524e;
  --ochre: #ead9a9;          /* подсветка фрагмента в источнике */
  --ochre-deep: #8a6a36;     /* иллюстрация шага 01 */
  --error: #a3382e;
  --error-on-dark: #f3b2a6;
  --pdf: #9b3b32;
  --docx: #2f5c9e;

  /* Шрифты */
  --font-sans: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Типографика */
  --fs-eyebrow: 0.71875rem;                       /* 11.5px */
  --fs-small: 0.9375rem;                          /* 15px */
  --fs-body: 1rem;                                /* 16px */
  --fs-lead: 1.09375rem;                          /* 17.5px */
  --fs-card-title: 1.3125rem;                     /* 21px */
  --fs-h2: clamp(2.125rem, 1.4rem + 2.6vw, 3.75rem);   /* 34–60px */
  --ls-head: -0.045em;

  /* Ритм */
  --gutter: clamp(16px, 3vw, 40px);
  --section-y: clamp(88px, 10vw, 140px);
  --max: 1440px;
  --radius: 12px;
  --radius-sm: 7px;
  --radius-lg: 18px;
  --header-h: 68px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --shadow-window: 0 40px 80px -48px rgba(20, 24, 44, .55);
}