/* Общие переменные публичной части: шрифты, цвета, скругления, отступы. На них строятся все экраны —
   цвет или отступ меняется здесь, а не в разметке экрана. */

/* Шрифты — свои файлы на нашем сервере: IBM Plex Sans (fonts/OFL.txt) и JetBrains Mono (fonts/OFL-JetBrainsMono.txt),
   лицензия SIL OFL 1.1.
   Каждый — двумя частями: кириллица и латиница с цифрами; браузер берёт только нужную. */
@font-face {
  font-family: "Plex Sans";
  src: url("fonts/IBMPlexSans-var-cyr.c352fb162d49.woff2") format("woff2");
  font-weight: 100 700;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Plex Sans";
  src: url("fonts/IBMPlexSans-var-lat.d28498895ed7.woff2") format("woff2");
  font-weight: 100 700;
  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: "JetBrains Mono";
  src: url("fonts/JetBrainsMono-400-cyr.1a5703738aa2.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/JetBrainsMono-400-lat.70cb62e3b77c.woff2") format("woff2");
  font-weight: 400;
  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: "JetBrains Mono";
  src: url("fonts/JetBrainsMono-500-cyr.4c9c7170e593.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/JetBrainsMono-500-lat.f64c28a37df6.woff2") format("woff2");
  font-weight: 500;
  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;
}

:root {
  --font-text: "Plex Sans", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Поверхности: светло-серый фон окна, белая рабочая область и карточки, подложка вокруг карточки. */
  --c-backdrop: #ececef;
  --c-surface: #ffffff;
  --c-tray: #f6f6f8;
  --c-hover: #f5f5f7;
  --c-line: #e4e4e8;
  --c-line-strong: #d4d4da;
  --c-line-soft: #efeff2;

  /* Текст: основной, вторичный, подписи. */
  --c-text: #17171b;
  --c-text-2: #55555f;
  --c-text-3: #8a8a94;

  /* Тёмное: главная кнопка, «решение принято» в шкалах. */
  --c-ink: #1b1b20;
  --c-ink-hover: #303037;

  /* Статусы: зелёный — хорошо, янтарный — ждёт, красный — не хватает или риск. Остальное — серое. */
  --c-good: #1d7a43;
  --c-good-bg: #ebf6ef;
  --c-good-line: #c2e3ce;
  --c-good-mark: #2e9a5a;
  --c-wait: #a0640a;
  --c-wait-bg: #fcf4e3;
  --c-wait-line: #eed5a2;
  --c-wait-mark: #d49b2b;
  --c-bad: #bf3530;
  --c-bad-bg: #fdefee;
  --c-bad-line: #f1c5c2;
  --c-bad-mark: #d4433e;
  --c-mute-mark: #d6d6dc;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --shadow-card: 0 1px 2px rgba(20, 20, 30, 0.04), 0 2px 10px rgba(20, 20, 30, 0.03);
  --shadow-raised: 0 1px 2px rgba(20, 20, 30, 0.07);

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;

  --t-label: 12.5px;   /* подписи полей и колонок — шрифтом текста, строчными, серым (#1024) */
  --t-small: 13.5px;
  --t-body: 14.5px;
  --t-lead: 16px;
  --t-title: 17px;
  --t-hero: 36px;
  --t-number: 32px;
  --t-big: 68px;

  --sidebar-w: 288px;
  --side-col-w: clamp(350px, 32%, 460px);
}