/* ============================================================
   «Байкал» — дизайн-система семьи Коломиец (v1, 26.10.2026)
   Подключение: <link rel="stylesheet" href="baikal.css"> + шрифты
   (fonts-manrope.css, fonts-unbounded.css). Компоненты приложений
   пользуются ТОЛЬКО этими переменными — цвета руками не задаём.
   ============================================================ */
:root{
  /* бренд */
  --b-deep:#0B4F6C;      /* Глубина — основной тёмный */
  --b-angara:#127FA0;    /* Ангара — основной */
  --b-ice:#3CC4D6;       /* Лёд — светлый акцент */
  --b-coral:#FF6B4A;     /* Коралл — внимание, проблема */
  --b-sun:#FFB23F;       /* Солнце — предупреждение */
  --b-pine:#13A57A;      /* Сосна — успех, «всё хорошо» */
  --b-dusk:#6E5CF0;      /* Сумерки — второй режим (например, «факт») */
  --b-grad:linear-gradient(125deg,#0B4F6C 0%,#127FA0 55%,#3CC4D6 100%);
  --b-grad-dusk:linear-gradient(125deg,#3F2FB8 0%,#6E5CF0 55%,#3CC4D6 100%);
  --b-grad-coral:linear-gradient(135deg,#FF8A5B,#FF5A4E);

  /* поверхности и текст — светлая тема */
  --bg:#F2F7F9;--card:#FFFFFF;--slot:#EEF4F7;--track:#DCE7EC;--seg:#E3EDF1;--line:#E2EBEF;
  --ink:#0E2A3B;--ink2:#3B5566;--ink3:#5B7484;--ink4:#7F97A3;
  --pale:#D9EFF5;--okbg:#DDF4EC;--badbg:#FFE9E3;--warnbg:#FFF2DC;

  /* форма и движение */
  --r-xs:8px;--r-s:12px;--r-m:16px;--r-l:22px;--r-xl:28px;
  --shadow:0 2px 12px rgba(11,79,108,.07);
  --shadow-hero:0 12px 28px rgba(18,127,160,.30);
  --ease:cubic-bezier(.2,.85,.2,1);

  /* шрифты */
  --font-title:Unbounded,Manrope,system-ui,sans-serif;
  --font-body:Manrope,system-ui,sans-serif;
}
/* theme-split */
@media (prefers-color-scheme: dark){
  :root:not([data-theme=light]){
    --bg:#0B141A;--card:#13202A;--slot:#1A2A35;--track:#22343F;--seg:#182833;--line:#1F303B;
    --ink:#EAF4F8;--ink2:#BFD3DC;--ink3:#86A0AD;--ink4:#6B8794;
    --pale:rgba(60,196,214,.16);--okbg:rgba(19,165,122,.18);--badbg:rgba(255,107,74,.16);--warnbg:rgba(255,178,63,.16);
    --shadow:0 1px 0 rgba(255,255,255,.03),0 6px 16px rgba(0,0,0,.4);
    --shadow-hero:0 12px 28px rgba(0,0,0,.45);
  }
}
:root[data-theme=dark]{
    --bg:#0B141A;--card:#13202A;--slot:#1A2A35;--track:#22343F;--seg:#182833;--line:#1F303B;
    --ink:#EAF4F8;--ink2:#BFD3DC;--ink3:#86A0AD;--ink4:#6B8794;
    --pale:rgba(60,196,214,.16);--okbg:rgba(19,165,122,.18);--badbg:rgba(255,107,74,.16);--warnbg:rgba(255,178,63,.16);
    --shadow:0 1px 0 rgba(255,255,255,.03),0 6px 16px rgba(0,0,0,.4);
    --shadow-hero:0 12px 28px rgba(0,0,0,.45);
  }