/* === НАЧАЛО: токены === */
:root{
  /* базовая палитра, тёмная тема по умолчанию */
  --bg:#080D20;            /* фон страницы */
  --bg-2:#0B1229;          /* второй фон, чередование секций */
  --surface:#0E1733;       /* карточки */
  --surface-2:#141F42;     /* карточки в фокусе, hover */
  --line:#22305C;          /* бордеры */
  --line-soft:#1A2549;     /* тонкие разделители */
  --fg:#FFFFFF;            /* заголовки */
  --text:#C7CFE6;          /* основной текст */
  --muted:#8B99BE;         /* подписи */
  --red:#FF2D2D;           /* акцент действия */
  --red-deep:#D31219;
  --ice:#5E8CFF;           /* второй акцент: ссылки, схемы */
  --ok:#3FCF8E;            /* рост, «да» */
  --warn:#FFB020;          /* внимание, оговорки */

  /* типографика */
  --disp:'Inter Tight',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --step--1:clamp(14px,.85rem + .1vw,15px);
  --step-0: clamp(17px,1rem + .15vw,19px);   /* основной текст статьи */
  --step-1: clamp(21px,1.2rem + .3vw,24px);
  --step-2: clamp(26px,1.4rem + .6vw,32px);  /* H3 */
  --step-3: clamp(32px,1.7rem + 1.1vw,44px); /* H2 */
  --step-4: clamp(40px,2rem + 2.4vw,72px);   /* H1 */
  --lead:1.65;                                /* межстрочный в тексте */
  --measure:68ch;                             /* ширина колонки текста */

  /* сетка и ритм */
  --gutter:clamp(16px,3vw,40px);
  --gap:clamp(24px,4vw,64px); /* зазор между колонками сетки статьи */
  --rail:280px;            /* левый рельс оглавления */
  --aside:320px;           /* правая колонка виджетов */
  --r-s:10px; --r-m:16px; --r-l:24px; --r-xl:32px;

  /* тени: одна система, три ступени */
  --sh-1:0 1px 0 rgba(255,255,255,.04), 0 2px 8px rgba(2,6,20,.45);
  --sh-2:0 2px 0 rgba(255,255,255,.05), 0 12px 32px rgba(2,6,20,.55);
  --sh-3:0 3px 0 rgba(255,255,255,.06), 0 28px 64px rgba(2,6,20,.65);
  --glow-red:0 0 0 1px rgba(255,45,45,.35), 0 12px 40px rgba(255,45,45,.18);

  /* движение */
  --t-fast:140ms; --t:220ms; --t-slow:420ms;
  --ease:cubic-bezier(.22,.61,.36,1);        /* основной */
  --ease-out:cubic-bezier(.16,1,.3,1);       /* появление */
  --ease-in:cubic-bezier(.55,.06,.68,.19);   /* уход */

  /* слои */
  --z-bg:0; --z-content:10; --z-sticky:100; --z-header:200; --z-modal:300;

  /* добавлено при сборке: значения, которые нужны компонентам, но не описаны в разделе 2.
     Прямые hex в компонентах запрещены, поэтому они живут здесь */
  --on-red:#FFFFFF;                     /* текст на красной кнопке в обеих темах */
  --plate:#0B1229;                      /* тёмная плашка формулы в обеих темах */
  --on-plate:#C7CFE6;                   /* текст на плашке */
  --on-plate-fg:#FFFFFF;                /* формула на плашке */
  --glow-red-strong:0 0 0 1px rgba(255,45,45,.5), 0 16px 48px rgba(255,45,45,.28);
  --glare:rgba(255,255,255,.07);        /* блик по верхнему краю стекла */
  --dno:rgba(0,0,0,.72);                /* виньетка: края темнее, центр ближе */
  --floor-line:#3A4F8F;                 /* линии дна, ярче обычной сетки */
  --horizon:rgba(94,140,255,.55);       /* свечение горизонта, где дно уходит вдаль */
  --sun:rgba(255,240,214,.9);           /* ядро солнечного зайчика */
  --sun-halo:rgba(255,196,120,.35);     /* тёплый ореол вокруг ядра */
  --sun-opacity:.5;
  --num:var(--disp);                            /* шрифт крупных цифр: временно шрифт заголовков, ждём шрифт от Никиты */
}
/* === КОНЕЦ: токены === */

/* === НАЧАЛО: светлая тема === */
:root[data-theme="light"]{
  --bg:#F5F3EE; --bg-2:#EEEBE3; --surface:#FBF9F4; --surface-2:#F4F1EA;   /* карточки на 2% в цвет бумаги, не белоснежные (Никита 24.09.2026) */
  --line:#CFC9BA; --line-soft:#E3DFD4;
  --fg:#0B1229; --text:#1B2440; --muted:#55607F;
  --red:#E01B1B; --red-deep:#B00F14; --ice:#2C57C8;
  --sh-1:0 1px 0 rgba(11,18,41,.04), 0 2px 8px rgba(11,18,41,.06);
  --sh-2:0 2px 0 rgba(11,18,41,.05), 0 12px 32px rgba(11,18,41,.10);
  --sh-3:0 3px 0 rgba(11,18,41,.06), 0 28px 64px rgba(11,18,41,.14);
  --plate:#EEEBE3; --on-plate:#1B2440; --on-plate-fg:#0B1229;   /* плашка формулы в светлой теме: тонированная бумага */
  --glare:rgba(255,255,255,.6); --dno:rgba(11,18,41,.18); --floor-line:#B9B2A3; --horizon:rgba(44,87,200,.35); --sun:rgba(255,246,222,1); --sun-halo:rgba(255,190,90,.45); --sun-opacity:.75;
}
/* === КОНЕЦ: светлая тема === */

/* === НАЧАЛО: уважение к настройкам движения === */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important }
}
/* === КОНЕЦ === */

/* === НАЧАЛО: кроссфейд смены темы, не дольше 300 мс === */
::view-transition-old(root),::view-transition-new(root){ animation-duration:280ms }
/* === КОНЕЦ === */