/* CORVAST — переменные дизайн-системы «Проектная документация». Подключается первым и на
   лендинге, и в портале; в остальных стилях цветов, шрифтов и ширин числами нет —
   только эти переменные (проверяет tests/portal/test_styles.py).
   Цвета названы по роли, а не по оттенку: тёмная тема — это ещё один блок переменных.
   Мир темы: чертёжная рамка (ГОСТ 2.104), унифицированные формы (КС-2), штамповая синь,
   сурик для пометок «заполнить вручную». Контраст текста к фону — не ниже 4,5:1.

   Точки перестройки — только три: 480 · 768 · 1200 px. В @media их пишут числами
   (переменные там не работают): max-width 479 / 767 / 1199 px или min-width 480 / 768 / 1200. */

:root {
  /* ── Бумага и чернила ── */
  --color-bg: #eef0ec;              /* ватман, холодный: фон страницы */
  --color-surface: #fdfdfb;         /* лист: карточки, панели, таблицы */
  --color-surface-raised: #fff;     /* белое поле поверх листа: просмотр файла, ячейки */
  --color-sunken: #f4f6f2;          /* подложка граф: подписи, шапки таблиц, колонки доски */
  --color-hover: #f2f4f0;           /* наведение на пункт меню и кнопку-контур */
  --color-ink: #1e2733;             /* типографская чернота: основной текст */
  --color-ink-muted: #5b6673;       /* пояснения (5,1:1 на фоне) */
  --color-line: #b9c2cc;            /* линовка рамок */
  --color-line-soft: #dde2e7;       /* линовка таблиц */

  /* ── Действия ── */
  --color-primary: #23409a;         /* штамповая синь: кнопки, ссылки, активный пункт */
  --color-primary-press: #182e75;
  --color-primary-bg: #eef2fb;      /* светлая синь: плашка пробника, реплика в чате */
  --color-on-primary: #fff;         /* текст на заливке */
  --color-on-primary-muted: #cfd8ff;

  /* ── Сурик: ручное заполнение, предупреждения, «новое». Маркер, не кнопка ── */
  --color-accent: #b34800;
  --color-accent-bg: #fdf1e4;
  --color-accent-ink: #7c3a08;      /* текст на подложке сурика */

  /* ── Статусы и светофор. Цвет всегда дублируется словом или значком ── */
  --color-good: #1d7a4b;            /* виза «согласовано», зелёный */
  --color-good-bg: #e7f4ec;
  /* Янтарь светофора отдельно от сурика: рядом с рыжим «жёлтое» читалось как оттенок
     красного. Тёмный тон — для текста, яркий — для точки. */
  --color-warn: #8a6400;
  --color-warn-dot: #d9a412;
  --color-warn-bg: #fbf4dc;
  --color-bad: #a02c2c;
  --color-bad-bg: #fbeaea;

  /* ── Дополнительные чернила этапов воронки и способов закупки ── */
  --color-teal: #2b7a78;
  --color-violet: #6a3d9a;
  --color-violet-bg: #f1eaf8;

  --color-mark: #ffe36b;           /* маркер цитаты в документе */

  /* ── Затемнение под всплывающим окном ── */
  --color-overlay: rgba(30, 39, 51, .55);
  --color-overlay-strong: rgba(30, 39, 51, .82);

  /* ── Тёмная полоса лендинга (.lp-dark) и cookie-плашка ── */
  --color-dark-ink: #e6ebf1;
  --color-dark-ink-muted: #b8c3cf;
  --color-dark-primary: #9fb2f0;
  --color-dark-primary-line: #5a6b9e;
  --color-dark-line: #3a4757;
  --color-dark-link: #b9c8ff;

  /* ── Газетная полоса «Новостей»: тёплая бумага и типографская краска ── */
  --color-news-paper: #f3f1e9;
  --color-news-ink: #1b1a17;
  --color-news-ink-soft: #36332d;
  --color-news-muted: #5a554c;

  /* ── Шрифты: три семейства в портале, засечный — только на газетной полосе ── */
  --font-display: "Oswald", "Arial Narrow", sans-serif;   /* витрина: лендинг, вход */
  --font-body: "Golos Text", "Segoe UI", system-ui, sans-serif;
  --font-mono: "PT Mono", "Consolas", monospace;          /* номера, ИНН, подписи граф */
  --font-serif: "PT Serif", "Georgia", "Times New Roman", serif;

  /* Шкала размеров портала; лендинг добавляет крупные ступени. */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 15px;      /* основной текст */
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 32px;     /* дальше — только лендинг */
  --text-4xl: 40px;
  --text-5xl: 48px;
  --text-6xl: 56px;
  --leading-text: 1.5;
  --leading-head: 1.25;

  /* ── Отступы, углы, тени ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-1: 2px;      /* поля, кнопки, карточки: почти прямые углы — стиль бланка */
  --radius-2: 6px;      /* всплывающие окна */
  --shadow-pop: 0 6px 18px rgba(30, 39, 51, .12);   /* одна тень — для всплывающего */
  --shadow-mock: 0 12px 34px rgba(30, 39, 51, .12); /* макеты и видео на лендинге */

  /* ── Ширины ── */
  --width-landing: 1200px;
  --width-text: 720px;
  --width-nav: 240px;
  --width-nav-collapsed: 64px;
  --height-bar: 56px;
}