/* Две фирменные темы «Пульсъ» — по палитре утверждённого логотипа (Логотипы/04_documentation/palette.csv).
   Пергамент — значения по умолчанию в base.css (:root), здесь — только Ночь и общие для обеих мелочи.
   Форму, шрифты и движение задают направления: assets/css/dir-<id>.css, блоки [data-dir="<id>"].
   Направление пишет цвета ТОЛЬКО через эти токены — тогда оно работает и днём, и ночью. */

[data-mode="light"] {
  --gold: #B8924F;
  --gold-soft: rgba(184, 146, 79, .14);
  --sign: #B6ADA5;
  --glow: rgba(187, 124, 100, .18);
}

/* ── Ночь ───────────────────────────────────────────────────────── */
[data-mode="dark"] {
  --bg: #151515;
  --bg-2: #1B1A19;
  --surface: #211F1D;
  --surface-2: #2A2725;
  --line: #36322F;
  --line-2: #4A4541;
  --text: #F8EFE5;
  --text-2: #D2C9BF;
  --muted: #958B81;
  --accent: #C59A86;
  --accent-2: #9DB08E;
  --accent-ink: #151515;
  --accent-soft: rgba(197, 154, 134, .14);
  --ok: #9CC48F;
  --ok-soft: rgba(156, 196, 143, .14);
  --warn: #E2B867;
  --warn-soft: rgba(226, 184, 103, .14);
  --bad: #E58D78;
  --bad-soft: rgba(229, 141, 120, .14);
  --c1: #C59A86; --c2: #9DB08E; --c3: #E2B867; --c4: #A99BC4; --c5: #86B3C2;
  --gold: #E2B867;
  --gold-soft: rgba(226, 184, 103, .12);
  --sign: #625853;
  --glow: rgba(197, 154, 134, .24);
  --shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px -12px rgba(0, 0, 0, .6);
  --shadow-lg: 0 40px 80px -30px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .03);
  --glass-bg: rgba(40, 36, 33, .55);
  --glass-line: rgba(248, 239, 229, .09);
  --top-bg: rgba(21, 21, 21, .8);
  --logo-ink: #F8EFE5;
  --logo-sign: #625853;
  --logo-pulse: #C59A86;
  --app-bg: #1B1A19;
  --app-side: #171615;
  --app-bar: #141312;
  color-scheme: dark;
}
[data-mode="dark"] .card, [data-mode="dark"] .kpi { background: linear-gradient(180deg, rgba(255, 255, 255, .02), transparent), var(--surface); }

/* смена темы кругом от переключателя (View Transitions API; без неё — плавная смена цвета) */
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
.vt-mode::view-transition-new(root) { animation: mode-reveal .7s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes mode-reveal {
  from { clip-path: circle(0 at var(--vt-x, 100%) var(--vt-y, 0)); }
  to { clip-path: circle(var(--vt-r, 150vmax) at var(--vt-x, 100%) var(--vt-y, 0)); }
}