/*
 * WiTech-Эксплуатация - Design System Theme
 * Портирован из SK (Стройконтроль). Светлая тема - по умолчанию (голый :root).
 * Fonts: Cambria (heads) + Calibri (UI) - берутся из Windows; на Linux/Mac
 *        запасные Golos Text / PT Serif грузятся с Google Fonts. + JetBrains Mono.
 * Тёмная тема сохранена в body.theme-dark для будущего тумблера и совместимости с SK.
 */

/* Calibri берётся из Windows, грузится только запасной Golos Text;
   Cambria берётся из Windows, грузится только запасной PT Serif */
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=PT+Serif:wght@400;700&family=JetBrains+Mono:wght@300;400;600&display=swap');

:root {
  --font-ui:   'Calibri', 'Golos Text', system-ui, sans-serif;
  --font-head: 'Cambria', 'PT Serif', impact, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* --- светлая палитра (по умолчанию) --- */
  --bg:    #E8EFF5;
  --bg2:   #F2F7FA;
  --bg3:   #D8E5EE;
  --steel: #BDD0DF;

  --text:  #0C1B26;
  --muted: #2A4558;
  --hint:  #476070;

  --primary:      #1A7A70;
  --primary-h:    #145F57;
  --primary-glow: rgba(26,122,112,.18);

  --border:   rgba(12,27,38,.14);
  --border-h: rgba(26,122,112,.40);

  --card:    #ffffff;
  --card2:   #F2F7FA;
  --overlay: rgba(10,18,28,.82);

  --status-ok:           #1a7a40;
  --status-ok-bg:        rgba(26,122,64,0.12);
  --status-ok-border:    rgba(26,122,64,0.35);
  --status-warn:         #b07000;
  --status-warn-bg:      rgba(176,112,0,0.12);
  --status-warn-border:  rgba(176,112,0,0.35);
  --status-alarm:        #c02020;
  --status-alarm-bg:     rgba(192,32,32,0.12);
  --status-alarm-border: rgba(192,32,32,0.35);

  --glass:    rgba(26,122,112,0.08);
  --glass-b:  rgba(26,122,112,0.22);
  --glass-bh: rgba(26,122,112,0.45);

  --shadow-card:       0 1px 4px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.07);
  --shadow-card-hover: 0 4px 16px rgba(0,0,0,.14);

  --mono-color: #1A7A70;
  --neon2:      #1a7a40;

  --radius:  8px;
  --radius2: 12px;

  --scrollbar-thumb: rgba(26,122,112,.40);
  --scrollbar-track: rgba(200,215,228,.60);
}

/* --- тёмная тема (SK "Вид 1"), включается классом на body --- */
body.theme-dark {
  --bg:   #0f1923;
  --bg2:  #1c2d3e;
  --bg3:  #243447;
  --steel: #2e4560;

  --text:  #d6e8f0;
  --muted: #8daabb;
  --hint:  #4a6a7a;

  --primary:      #3eb8a8;
  --primary-h:    #2d9b8c;
  --primary-glow: rgba(62,184,168,.18);

  --border:   rgba(62,184,168,.18);
  --border-h: rgba(62,184,168,.32);

  --card:    rgba(28,45,62,.85);
  --card2:   rgba(36,52,71,.9);
  --overlay: rgba(10,18,28,.82);

  --status-ok:           #22C97A;
  --status-ok-bg:        rgba(34,201,122,0.12);
  --status-ok-border:    rgba(34,201,122,0.35);
  --status-warn:         #f0a500;
  --status-warn-bg:      rgba(240,165,0,0.12);
  --status-warn-border:  rgba(240,165,0,0.35);
  --status-alarm:        #e05252;
  --status-alarm-bg:     rgba(224,82,82,0.12);
  --status-alarm-border: rgba(224,82,82,0.35);

  --glass:    rgba(62,184,168,0.08);
  --glass-b:  rgba(62,184,168,0.22);
  --glass-bh: rgba(62,184,168,0.45);

  --shadow-card:       0 4px 24px rgba(0,0,0,.45);
  --shadow-card-hover: 0 8px 32px rgba(0,0,0,.55);

  --mono-color: #3eb8a8;
  --neon2:      #3ec87a;

  --scrollbar-thumb: rgba(62,184,168,.30);
  --scrollbar-track: rgba(15,25,35,.70);
}

::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--scrollbar-track); }
::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 3px; }
*                          { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); }