/* Téma tokenek: világos (alap) és sötét. A <html data-theme="light|dark"> attribútumot a main.js állítja
   (automatikus módban a Windows / böngésző beállítását követi). */
:root {
  color-scheme: light;
  --primary: #2980b9; --primary-dark: #1a3a5c;
  --ok: #27ae60; --ok2: #2ecc71; --warn: #f39c12; --err: #e74c3c; --muted: #7f8c8d;
  --mono: 'Consolas', 'Courier New', monospace;

  /* felületek */
  --bg: #f0f2f5;
  --surface: #ffffff;        /* kártyák */
  --surface-2: #f7f9fb;      /* kártyán belüli csempék */
  --surface-3: #eef1f4;      /* sávok, sínek, semleges jelvény */
  --hover: #d6eaf8;
  --sel: #eaf3fb;
  --zebra: #fafbfc;

  /* szöveg */
  --text: #333333;
  --text-strong: #16212c;    /* fő számértékek */
  --text-2: #4a5a6a;         /* címkék */
  --text-3: #6b7a89;         /* másodlagos */
  --text-4: #a0abb6;         /* halvány (mértékegység, skála) */

  /* vonalak */
  --border: #cccccc;         /* beviteli mezők */
  --line: #e3e7ec;           /* elválasztók */
  --line-2: #eeeeee;         /* táblázat sorvonal */
  --sep: #d5dbe1;

  /* fejlécek */
  --head: #34495e; --head-text: #ffffff;
  --header-grad: linear-gradient(135deg, #1a3a5c, #2980b9);
  --hero-grad: radial-gradient(1200px 300px at 0% 0%, #2f5d86 0%, transparent 60%), linear-gradient(135deg, #1b2a3a 0%, #22384f 55%, #1a3a5c 100%);
  --tab-bg: #ffffff; --tab-text: #666666; --tab-active-bg: #f0f8ff;

  /* vezérlők */
  --input-bg: #ffffff; --input-ro: #f8f9fa;
  --btn-outline-bg: #ffffff; --btn-outline-text: #555555;
  --tip-bg: rgba(255,255,255,.97);
  --shadow: 0 1px 3px rgba(16,24,40,.07), 0 1px 2px rgba(16,24,40,.04);
  --shadow-sm: 0 1px 4px rgba(0,0,0,.08);
  --shadow-pop: 0 6px 24px rgba(16,24,40,.16);
  --card-r: 12px;

  /* állapot */
  --ok-bg: #d5f5e3; --ok-fg: #1e7e46;
  --err-bg: #fadbd8; --err-fg: #b03a2e;
  --warn-bg: #fef9c3; --warn-fg: #8a6d0b;
  --info-bg: #d6eaf8; --info-fg: #1f618d;
  --note-bg: #eef5fb; --note-fg: #1f4e79; --note-bd: #cfe2f3;
  --note-warn-bg: #fff8e1; --note-warn-fg: #7a5d00; --note-warn-bd: #f5e1a4;
  --note-err-bg: #fbe4e1; --note-err-fg: #b03a2e; --note-err-bd: #f0b4ab;
  --hi: #c0392b; --lo: #2471a3;
  --ok-text: #1e8449; --err-text: #c0392b;

  /* adatszínek (validált kategorikus paletta, világos) */
  --l1: #eb6834; --l2: #1baf7a; --l3: #2a78d6; --ln: #7f8c8d; --sum: #2c3e50;
  --k-energy: #e34948; --k-p: #2a78d6; --k-q: #6250d6; --k-s: #1baf7a; --k-pf: #eda100; --k-f: #2c3e50;

  /* grafikon */
  --chart-axis: #5b6b7b; --chart-grid: #eef1f4; --chart-tick: #e3e7ec;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --primary: #3d9be0;

  --bg: #0f1720;
  --surface: #18222d;
  --surface-2: #1f2b38;
  --surface-3: #263443;
  --hover: #22384d;
  --sel: #1d3247;
  --zebra: #1b2631;

  --text: #d5dde5;
  --text-strong: #eef3f7;
  --text-2: #b4c0cc;
  --text-3: #8a99a8;
  --text-4: #66778a;

  --border: #3a4a5a;
  --line: #2a3846;
  --line-2: #233140;
  --sep: #34434f;

  --head: #22303e; --head-text: #e6edf3;
  --header-grad: linear-gradient(135deg, #0d1f31, #18527c);
  --hero-grad: radial-gradient(1200px 300px at 0% 0%, #24496b 0%, transparent 60%), linear-gradient(135deg, #142231 0%, #1a2e42 55%, #16324f 100%);
  --tab-bg: #141e28; --tab-text: #9aa8b6; --tab-active-bg: #1b2b3b;

  --input-bg: #121b24; --input-ro: #1a242e;
  --btn-outline-bg: #1f2b38; --btn-outline-text: #c5d0db;
  --tip-bg: rgba(27,38,50,.97);
  --shadow: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);
  --shadow-sm: 0 1px 4px rgba(0,0,0,.4);
  --shadow-pop: 0 8px 28px rgba(0,0,0,.55);

  --ok-bg: rgba(46,204,113,.16); --ok-fg: #5fd68f;
  --err-bg: rgba(231,76,60,.18); --err-fg: #ff8a7d;
  --warn-bg: rgba(241,196,15,.15); --warn-fg: #f3cf55;
  --info-bg: rgba(52,152,219,.18); --info-fg: #7cc0f0;
  --note-bg: rgba(52,152,219,.10); --note-fg: #a5cdec; --note-bd: rgba(52,152,219,.30);
  --note-warn-bg: rgba(241,196,15,.10); --note-warn-fg: #f0d27a; --note-warn-bd: rgba(241,196,15,.30);
  --note-err-bg: rgba(231,76,60,.12); --note-err-fg: #ff9a8f; --note-err-bd: rgba(231,76,60,.35);
  --hi: #ff7b6b; --lo: #6cb6f0;
  --ok-text: #4cd685; --err-text: #ff7b6b;

  /* adatszínek – ugyanaz a nyolc árnyalat a sötét felületre lépcsőzve (validálva #18222d-n) */
  --l1: #d95926; --l2: #199e70; --l3: #3987e5; --ln: #8a99a8; --sum: #c9d4de;
  --k-energy: #e66767; --k-p: #3987e5; --k-q: #9085e9; --k-s: #199e70; --k-pf: #c98500; --k-f: #8fa4b8;

  --chart-axis: #8a99a8; --chart-grid: #233140; --chart-tick: #2a3846;
}