/* Дизайн-токены: шрифт, цвета светлой и тёмной темы, палитры графиков, размеры и радиусы. */

@font-face { font-family: "SF Pro Display"; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/SF-Pro-Display-Regular.otf") format("opentype"); }
@font-face { font-family: "SF Pro Display"; font-weight: 500; font-style: normal; font-display: swap; src: url("/fonts/SF-Pro-Display-Medium.otf") format("opentype"); }
@font-face { font-family: "SF Pro Display"; font-weight: 600; font-style: normal; font-display: swap; src: url("/fonts/SF-Pro-Display-Semibold.otf") format("opentype"); }
@font-face { font-family: "SF Pro Display"; font-weight: 700; font-style: normal; font-display: swap; src: url("/fonts/SF-Pro-Display-Bold.otf") format("opentype"); }

:root {
  color-scheme: light;
  /* фирменные */
  --brand: #be9663;
  --brand-ink: #8c6a3e;              /* фирменный для текста на светлом, 4.9:1 */
  --brand-wash: rgba(190, 150, 99, .14);
  --brand-tint: #e8dac6;             /* прошлые периоды на графиках */
  --dark: #1a1a1a;
  /* поверхности */
  --panel: #ffffff;
  --surface: #f8f7f4;                /* карточки */
  --surface-2: #f1efea;              /* чипы, сегменты, поля */
  --track: #ebe8e2;                  /* дорожки прогресса */
  --ink: #1a1a1a;
  --ink-2: #4a4844;
  --muted: #8a867e;
  --grid: #e9e6e0;
  --axis: #cfcbc3;
  --border: rgba(26, 26, 26, .08);
  --card-line: rgba(26, 26, 26, .06);
  --accent: var(--brand);
  --accent-ink: var(--brand-ink);
  --accent-wash: var(--brand-wash);
  /* категориальная палитра графиков — проверена на цветовую слепоту (золотой, синий, зелёный, терракота) */
  --s1: #b5782f; --s2: #3b6bb0; --s3: #2f9a6c; --s4: #b8452e; --s5: #7d5ba6; --s6: #8c8a2a; --s7: #2c8c9a; --s8: #b9557f;
  /* последовательная шкала — оттенки фирменного */
  --seq-1: #f3ebde; --seq-2: #e6d5bb; --seq-3: #d6bc95; --seq-4: #c4a170; --seq-5: #a8844f; --seq-6: #86663a; --seq-7: #614a29;
  /* статусы — только с иконкой или подписью */
  --good: #2f8a55; --good-ink: #23704a; --good-wash: rgba(47, 138, 85, .10);
  --warning: #d98a1c; --warn-ink: #b0650f; --warn-wash: rgba(217, 138, 28, .12);
  --serious: #d0683a;
  --critical: #c93f3a; --critical-ink: #b0322e; --crit-wash: rgba(201, 63, 58, .10);
  /* сайдбар — тёмный в обеих темах */
  --sb-bg: #1a1a1a;
  --sb-ink: rgba(255, 255, 255, .92);
  --sb-ink-2: rgba(255, 255, 255, .58);
  --sb-muted: rgba(255, 255, 255, .34);
  --sb-field: rgba(255, 255, 255, .06);
  --sb-line: rgba(255, 255, 255, .08);

  --sidebar: 272px;
  --sidebar-mini: 80px;
  --r-panel: 28px;
  --r-card: 20px;
  --r-ctl: 12px;
  --radius: var(--r-card);
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 14px;
}
@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) {
    color-scheme: dark;
    --brand-ink: #d6b88e; --brand-wash: rgba(190, 150, 99, .18); --brand-tint: #574837;
    --panel: #222120; --surface: #2a2927; --surface-2: #33312e; --track: #3a3834;
    --ink: #f3f1ec; --ink-2: #cbc7bf; --muted: #8f8b83;
    --grid: #383632; --axis: #4a4742; --border: rgba(255, 255, 255, .08); --card-line: rgba(255, 255, 255, .05);
    --s1: #b98443; --s2: #5486d4; --s3: #3a9d6e; --s4: #de6440; --s5: #9b7fd0; --s6: #a8a540; --s7: #3fa6b5; --s8: #d27aa0;
    --seq-1: #3a3128; --seq-2: #574530; --seq-3: #765c3a; --seq-4: #977548; --seq-5: #b8925f; --seq-6: #d2b285; --seq-7: #ead7b8;
    --good: #4fb27a; --good-ink: #6cc893; --good-wash: rgba(79, 178, 122, .14);
    --warning: #e5a24a; --warn-ink: #eba25a; --warn-wash: rgba(229, 162, 74, .14);
    --critical: #e46f68; --critical-ink: #ec7a74; --crit-wash: rgba(228, 111, 104, .14);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --brand-ink: #d6b88e; --brand-wash: rgba(190, 150, 99, .18); --brand-tint: #574837;
  --panel: #222120; --surface: #2a2927; --surface-2: #33312e; --track: #3a3834;
  --ink: #f3f1ec; --ink-2: #cbc7bf; --muted: #8f8b83;
  --grid: #383632; --axis: #4a4742; --border: rgba(255, 255, 255, .08); --card-line: rgba(255, 255, 255, .05);
  --s1: #b98443; --s2: #5486d4; --s3: #3a9d6e; --s4: #de6440; --s5: #9b7fd0; --s6: #a8a540; --s7: #3fa6b5; --s8: #d27aa0;
  --seq-1: #3a3128; --seq-2: #574530; --seq-3: #765c3a; --seq-4: #977548; --seq-5: #b8925f; --seq-6: #d2b285; --seq-7: #ead7b8;
  --good: #4fb27a; --good-ink: #6cc893; --good-wash: rgba(79, 178, 122, .14);
  --warning: #e5a24a; --warn-ink: #eba25a; --warn-wash: rgba(229, 162, 74, .14);
  --critical: #e46f68; --critical-ink: #ec7a74; --crit-wash: rgba(228, 111, 104, .14);
}