/*
 * SK (Стройконтроль) - Design System Theme
 * Fonts: Bebas Neue (heads) + Golos Text (UI) + JetBrains Mono (mono)
 * Variable names match WiTech theme.css for future merge compatibility.
 */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Golos+Text:wght@400;500;600;700&family=JetBrains+Mono:wght@300;400;600&display=swap');

:root,
body.theme-dark {
  --font-ui:   'Golos Text', system-ui, sans-serif;
  --font-head: 'Bebas Neue', impact, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  --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;

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

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

body.theme-light {
  --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:  #fff;
  --card2: #F2F7FA;
  --overlay: rgba(10,18,28,.82);

  --status-ok:    #1a7a40;
  --status-warn:  #b07000;
  --status-alarm: #c02020;

  --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;

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

::-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); }