/* Теплотрасса.орг — токены дизайн-системы
   Источник: docs/brief-1-foundations.md §3–§5 */

:root {
  /* Цвет — светлая тема */
  --ink: #191C1F;
  --ink-muted: #5C6169;
  --ink-faint: #8B9098;      /* НЕ текстовый: разделители, точки, обводки. 3.1:1 на paper */
  --paper: #FBFAF8;
  --surface: #FFFFFF;
  --surface-sunk: #F2EFEA;
  --hairline: #E2DDD5;
  --hairline-strong: #B4ADA3;

  --flow: #C0472A;           /* подача · акцент контента и навигации */
  --flow-hover: #A03A21;
  --return: #17567A;         /* обратка · ссылки, коммерческий слой */
  --return-hover: #123F5A;

  --ok: #2E7D5B;
  --ok-bg: #E8F1EC;
  --ok-ink: #256B4D;
  --warn: #B27400;
  --warn-bg: #F7EFDD;
  --warn-ink: #8A5A00;
  --neutral: #7A736A;
  --off: #9A938A;
  --off-ink: #8A837A;
  --info-bg: #E5EDF3;
  --info-ink: #124862;

  /* Шрифты */
  --font-head: Literata, Georgia, "Times New Roman", serif;
  --font-text: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;

  /* Ритм 8 */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

  /* Контейнеры */
  --w-text: 720px;
  --w-aside: 340px;
  --w-page: 1108px;
  --w-wide: 1320px;
  --pad-page: 24px;

  --radius-control: 4px;
  --radius-block: 6px;
  --shadow-pop: 0 4px 16px rgba(25, 28, 31, .10);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #E8E4DE;
    --ink-muted: #A2A8B0;
    --ink-faint: #767D85;
    --paper: #14171A;
    --surface: #1C2024;
    --surface-sunk: #22272C;
    --hairline: #2E3338;
    --hairline-strong: #454C53;

    --flow: #E8734A;
    --flow-hover: #F08A66;
    --return: #5FA8CC;
    --return-hover: #7FBCDA;

    --ok: #4C9E78;
    --ok-bg: #1B2A23;
    --ok-ink: #7FC3A1;
    --warn: #D19A2E;
    --warn-bg: #2A2418;
    --warn-ink: #E0B65C;
    --neutral: #8C857A;
    --off: #6E6862;
    --off-ink: #948D85;
    --info-bg: #17242C;
    --info-ink: #8FC4DE;
  }
}

:root[data-theme="dark"] {
  --ink: #E8E4DE;
  --ink-muted: #A2A8B0;
  --ink-faint: #767D85;
  --paper: #14171A;
  --surface: #1C2024;
  --surface-sunk: #22272C;
  --hairline: #2E3338;
  --hairline-strong: #454C53;

  --flow: #E8734A;
  --flow-hover: #F08A66;
  --return: #5FA8CC;
  --return-hover: #7FBCDA;

  --ok: #4C9E78;
  --ok-bg: #1B2A23;
  --ok-ink: #7FC3A1;
  --warn: #D19A2E;
  --warn-bg: #2A2418;
  --warn-ink: #E0B65C;
  --neutral: #8C857A;
  --off: #6E6862;
  --off-ink: #948D85;
  --info-bg: #17242C;
  --info-ink: #8FC4DE;
}

@media (min-width: 900px) {
  :root { --pad-page: 32px; }
}