/* Собрано из tokens/tokens.json командой npm run build. Руками не править. */
:root {
  --sp-navy: #0B1321;
  --sp-graphite: #1A1F2B;
  --sp-silver: #C7CCD3;
  --sp-steel: #355C8A;
  --sp-gold: #D4AF7A;
  --sp-steel-dark: #274872;
  --sp-gold-light: #E2C292;
  --sp-steel-on-dark: #6F95CF;
  --sp-ink: #1A1F2B;
  --sp-muted: #5B6575;
  --sp-line: #D8DDE4;
  --sp-paper: #FFFFFF;
  --sp-surface: #F7F8FA;
  --sp-soft: #F3F5F8;
  --sp-canvas: #EEF1F5;
  --sp-chrome-text: #E4E7EC;
  --sp-chrome-muted: #9AA3B2;
  --sp-status-ok: #2F7D5B;
  --sp-status-warning: #B8893F;
  --sp-status-critical: #B03A3A;
  --sp-status-review: #355C8A;
  --sp-font: "Manrope", "Segoe UI", "Segoe UI Variable", sans-serif;
  --sp-font-print: "Segoe UI", Arial, sans-serif;
  --sp-text-display: 40px;
  --sp-text-h1: 28px;
  --sp-text-h2: 20px;
  --sp-text-body: 15px;
  --sp-text-small: 13px;
  --sp-text-caption: 12px;
  --sp-radius-sm: 6px;
  --sp-radius-md: 10px;
  --sp-radius-lg: 14px;
  --sp-radius-xl: 16px;
  --sp-shadow-panel: 0 16px 40px rgba(0, 0, 0, 0.28);
  --sp-shadow-card: 0 14px 28px rgba(11, 19, 33, 0.10);
  --sp-shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.40);
}

/* Тёмная тема: значения из раздела dark в tokens.json. По умолчанию — как
   настроена система; data-theme="light" оставляет светлую тему на тёмной
   системе, data-theme="dark" включает тёмную на светлой. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sp-ink: #E4E7EC;
    --sp-muted: #9AA3B2;
    --sp-line: #2A3345;
    --sp-paper: #1A1F2B;
    --sp-surface: #151C29;
    --sp-soft: #202838;
    --sp-canvas: #0F1724;
    --sp-steel: #6F95CF;
    --sp-steel-dark: #8AABDC;
    --sp-gold: #D4AF7A;
    --sp-gold-light: #E2C292;
    --sp-status-ok: #4FA37C;
    --sp-status-warning: #D0A25C;
    --sp-status-critical: #DB726B;
    --sp-status-review: #6F95CF;
    --sp-shadow-panel: 0 16px 40px rgba(0, 0, 0, 0.55);
    --sp-shadow-card: 0 14px 28px rgba(0, 0, 0, 0.45);
    --sp-shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.65);
  }
}

:root[data-theme="dark"] {
  --sp-ink: #E4E7EC;
  --sp-muted: #9AA3B2;
  --sp-line: #2A3345;
  --sp-paper: #1A1F2B;
  --sp-surface: #151C29;
  --sp-soft: #202838;
  --sp-canvas: #0F1724;
  --sp-steel: #6F95CF;
  --sp-steel-dark: #8AABDC;
  --sp-gold: #D4AF7A;
  --sp-gold-light: #E2C292;
  --sp-status-ok: #4FA37C;
  --sp-status-warning: #D0A25C;
  --sp-status-critical: #DB726B;
  --sp-status-review: #6F95CF;
  --sp-shadow-panel: 0 16px 40px rgba(0, 0, 0, 0.55);
  --sp-shadow-card: 0 14px 28px rgba(0, 0, 0, 0.45);
  --sp-shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.65);
}