/*
  Бюро слов - дизайн-токены.
  Общие для публичного сайта (site/) и кабинета (app/). Описание и правила - docs/DESIGN.md.
  Компоненты ссылаются только на токены, сырые цвета и размеры в компонентах не пишем.
*/

/* Шрифты: самохостинг (без запросов к Google - IP посетителя никуда не уходит) */
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("../fonts/serif-cyr.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("../fonts/serif-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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../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: 400 700;
  font-display: swap;
  src: url("../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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Гарнитуры */
  --font-display: "Source Serif 4", "PT Serif", Georgia, "Times New Roman", serif;
  --font-text: "Onest", "Golos Text", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Бумага и чернила */
  --bg: #F4F4F0;          /* основной фон - бумага */
  --surface: #E9EAE4;     /* ступень тона: панели, выноски */
  --surface-2: #DDE0D8;   /* вторая ступень: строки таблиц, поля ввода */
  --ink: #0F1B2D;         /* основной текст и заголовки */
  --ink-soft: #46505E;    /* второстепенный текст, 7.4:1 на --bg */
  --ink-faint: #5C6472;   /* подписи и сноски, 5.6:1 на --bg */
  --line: #C9CCC3;        /* линии - только в таблицах и полях форм */

  /* Тёмные поля (секции целиком) */
  --navy: #13243D;
  --navy-2: #1B3152;      /* ступень на тёмном: строки доски рисков */
  --on-navy: #F4F4F0;
  --on-navy-soft: #B8C2D0;

  /* Акцент - один: кобальт. Кнопки, ссылки, одна вещь на экране */
  --accent: #2742D6;      /* 6.7:1 на --bg */
  --accent-hover: #1C33B0;
  --accent-ink: #FFFFFF;
  --accent-on-navy: #9DB0FF; /* ссылки на тёмном поле */
  --accent-wash: #DCE2FB; /* поле акцентного блока на светлом */

  /* Уровни риска отчёта аудита */
  --risk-red: #B83228;    --risk-red-ink: #FFFFFF;    --risk-red-wash: #F4DCD8;
  --risk-yellow: #E2B43A; --risk-yellow-ink: #1F1A08; --risk-yellow-wash: #F7EBC8;
  --risk-orange: #A9500F; --risk-orange-ink: #FFFFFF; --risk-orange-wash: #F6E0CD;
  --risk-green: #2E7A4E;  --risk-green-ink: #FFFFFF;  --risk-green-wash: #D7EADD;

  /* Состояния */
  --focus: #2742D6;
  --error: #B83228;
  --success: #2E7A4E;

  /* Шкала шрифта: пять ступеней, рабочих две-три на экран */
  --step-display: clamp(2.4rem, 5.6vw, 5.6rem);  /* заголовок первого экрана */
  --step-title: clamp(1.9rem, 3.6vw, 3.4rem);    /* заголовок секции */
  --step-lead: clamp(1.25rem, 1.9vw, 1.75rem);   /* подзаголовок, утверждение */
  --step-body: 1.0625rem;                        /* 17px - основной текст */
  --step-small: 0.875rem;                        /* 14px - сноски, подписи */

  --leading-display: 1.02;
  --leading-title: 1.08;
  --leading-body: 1.55;
  --tracking-display: -0.025em;

  /* Отступы */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;
  --section-gap: clamp(72px, 8.4vw, 132px);

  /* Сетка */
  --margin: clamp(16px, 3.4vw, 48px);   /* поля страницы */
  --axis: 42%;                          /* вертикальная ось: заголовки и текст начинаются от неё */
  --measure: 66ch;                      /* ширина строки текста */
  --max: 1440px;

  /* Формы: углы прямые, решено один раз */
  --radius: 0;
  --radius-control: 2px;
  --control-h: 52px;

  /* Движение */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur: 280ms;
  --dur-slow: 900ms;

  /* Тень - только у того, что действительно парит (меню, диалог) */
  --shadow-float: 0 18px 48px -12px rgba(15, 27, 45, 0.28);
}