/* TAB — mavzu o'zgaruvchilari: Dark Glass / Light Glass.
   Asosiy qoida: data-theme atributi boot.js va ui.js tomonidan qo'yiladi. JS'siz holatda tizim mavzusi ishlaydi. */

:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg0: #080a10;
  --bg1: #0f1320;
  --orb1: rgba(10, 132, 255, .38);
  --orb2: rgba(191, 90, 242, .30);
  --orb3: rgba(48, 209, 190, .20);

  --text: #f3f5fb;
  --text-dim: rgba(238, 241, 252, .66);
  --text-faint: rgba(238, 241, 252, .46);

  --glass: rgba(255, 255, 255, .07);
  --glass-strong: rgba(255, 255, 255, .13);
  --glass-solid: #151927;
  --glass-border: rgba(255, 255, 255, .15);
  --glass-hi: rgba(255, 255, 255, .34);
  --glass-lo: rgba(255, 255, 255, .04);
  --inner-hi: rgba(255, 255, 255, .22);
  --shadow: 0 12px 40px rgba(0, 0, 0, .38);

  --accent: #0a84ff;
  --accent-2: #64d2ff;
  --accent-text: #ffffff;
  --ok: #30d158;
  --bad: #ff6b60;
  --bad-bg: rgba(255, 69, 58, .22);
  --warn: #ffb340;

  --typed: #f3f5fb;
  --untyped: rgba(238, 241, 252, .46);
  --caret: #64d2ff;

  --chart-wpm: #64d2ff;
  --chart-raw: #9a9aa5;
  --chart-avg: #ffb340;
  --chart-err: #ff6b60;
  --chart-grid: rgba(255, 255, 255, .12);
  --chart-text: rgba(238, 241, 252, .66);
  --chart-tip-bg: rgba(8, 10, 16, .92);
  --chart-tip-fg: #f3f5fb;

  --overlay: rgba(4, 6, 12, .55);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg0: #e4e9f5;
  --bg1: #f7f9fe;
  --orb1: rgba(10, 132, 255, .30);
  --orb2: rgba(191, 90, 242, .20);
  --orb3: rgba(48, 209, 160, .22);

  --text: #141722;
  --text-dim: rgba(20, 23, 34, .70);
  --text-faint: rgba(20, 23, 34, .56);

  --glass: rgba(255, 255, 255, .58);
  --glass-strong: rgba(255, 255, 255, .86);
  --glass-solid: #f4f6fc;
  --glass-border: rgba(255, 255, 255, .85);
  --glass-hi: rgba(255, 255, 255, 1);
  --glass-lo: rgba(255, 255, 255, .35);
  --inner-hi: rgba(255, 255, 255, .95);
  --shadow: 0 10px 34px rgba(40, 55, 100, .16);

  --accent: #0a66d8;
  --accent-2: #0a84ff;
  --accent-text: #ffffff;
  --ok: #1a8f3f;
  --bad: #c4231a;
  --bad-bg: rgba(215, 0, 21, .12);
  --warn: #b25e00;

  --typed: #141722;
  --untyped: rgba(20, 23, 34, .52);
  --caret: #0a66d8;

  --chart-wpm: #0a66d8;
  --chart-raw: #6f7280;
  --chart-avg: #b25e00;
  --chart-err: #c4231a;
  --chart-grid: rgba(20, 23, 34, .12);
  --chart-text: rgba(20, 23, 34, .70);
  --chart-tip-bg: rgba(255, 255, 255, .96);
  --chart-tip-fg: #141722;

  --overlay: rgba(220, 226, 240, .55);
}

/* JS ishlamasa: tizim mavzusiga moslashish */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --bg0: #e4e9f5; --bg1: #f7f9fe;
    --text: #141722; --text-dim: rgba(20, 23, 34, .70); --text-faint: rgba(20, 23, 34, .56);
    --glass: rgba(255, 255, 255, .58); --glass-border: rgba(255, 255, 255, .85);
    --typed: #141722; --untyped: rgba(20, 23, 34, .52);
  }
}