/* ═══ Vecā dizaina lapām - v4 palete un tēmas cieņa (26.08) ═══
 *
 * PROBLĒMA, ko šis risina. Vietnei ir gaišā/tumšā tēma (`data-theme` +
 * `prefers-color-scheme`), un v4 lapas tai seko. Bet vecā dizaina lapas -
 * juridiskās (privātuma politika, noteikumi, sīkdatnes, GDPR × LV+EN), blogs,
 * /demo/, /kontakti/, /par-mums/ - palete ir CIETI IERAKSTĪTA melnā:
 *   nomērīts gaišajā tēmā: sākumlapa #fafafa uz #0d0d10, /sikdatnes/ #000 uz
 *   #d5d5d5. Klients no gaišās sākumlapas kājenes nokļuva melnā lapā, un
 *   tēmas pārslēgs tur nedarīja neko.
 *
 * KĀPĒC TIKAI PALETE, NE VISS CHROME. Vispirms mēģināju pārsēdināt v4 galveni
 * un kājeni šīm lapām - tas NESTRĀDĀ: v4 galvene prasa v4 inline skriptu
 * (navigācijas indikators, mobilā izvēlne), un bez tā izvēlne izbira par
 * nestilizētu saišu sarakstu. Tāpēc lapas patur SAVU vienkāršo `lnav` joslu -
 * tā strādā bez JS - un mainās tikai krāsas.
 *
 * Vecās lapas savus toņus sauc citos vārdos (--bg, --s1, --t0, --t1, --b1…),
 * tāpēc te tos pārdefinējam ar v4 vērtībām. Marķējums un teksts nav aiztikts.
 *
 * ⚠ Pievieno PĒC lapas paša <style> bloka, citādi tas uzvarēs. */

/* ── Tumšais (noklusējums, tāpat kā v4) ── */
:root {
  --bg: #070709;
  --s1: #0b0b0e;
  --s2: #101014;
  --s3: #15151a;
  --b1: rgba(255, 255, 255, 0.085);
  --b2: rgba(255, 255, 255, 0.17);
  --b3: rgba(255, 255, 255, 0.28);
  --t0: #f5f5f7;
  --t1: #a6a6b0;
  --t2: #8a8a95;
  --t3: #6f6f79;
  --g: #2fff47;
  color-scheme: dark;
}

/* ── Gaišais: gan pēc sistēmas, gan pēc pārslēga ── */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #fafafa;
    --s1: #ffffff;
    --s2: #f3f3f5;
    --s3: #ededf0;
    --b1: rgba(0, 0, 0, 0.09);
    --b2: rgba(0, 0, 0, 0.17);
    --b3: rgba(0, 0, 0, 0.28);
    --t0: #0d0d10;
    --t1: #4a4a55;
    --t2: #65656f;
    --t3: #86868f;
    --g: #0a8f22;
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --bg: #fafafa;
  --s1: #ffffff;
  --s2: #f3f3f5;
  --s3: #ededf0;
  --b1: rgba(0, 0, 0, 0.09);
  --b2: rgba(0, 0, 0, 0.17);
  --b3: rgba(0, 0, 0, 0.28);
  --t0: #0d0d10;
  --t1: #4a4a55;
  --t2: #65656f;
  --t3: #86868f;
  --g: #0a8f22;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #070709;
  --s1: #0b0b0e;
  --s2: #101014;
  --s3: #15151a;
  --b1: rgba(255, 255, 255, 0.085);
  --b2: rgba(255, 255, 255, 0.17);
  --b3: rgba(255, 255, 255, 0.28);
  --t0: #f5f5f7;
  --t1: #a6a6b0;
  --t2: #8a8a95;
  --t3: #6f6f79;
  --g: #2fff47;
  color-scheme: dark;
}

/* ⚠ Vietām krāsas bija ierakstītas taisnā tekstā, ne caur mainīgo - tad
 * mainīgā pārdefinēšana nelīdz. Šie ir tie gadījumi, kas nomērīti lapās. */
html,
body {
  background: var(--bg);
  color: var(--t1);
}
/* ⚠ `.lnav` fons bija ierakstīts kā `rgba(0,0,0,.97)` - mainīgā pārdefinēšana
 * to neskar, tāpēc josla palika melna uz gaišas lapas. */
.lnav {
  background: color-mix(in srgb, var(--bg) 97%, transparent) !important;
  border-bottom: 1px solid var(--b1);
}
/* ⚠ Tas pats stāsts ar `.nav` joslu (blogs, /demo/, /kontakti/): fons ierakstīts
 * kā `rgba(0,0,0,.95)`, tāpēc uz gaišas lapas palika melna pilula. */
.nav {
  background: color-mix(in srgb, var(--bg) 95%, transparent) !important;
  border-bottom: 1px solid var(--b1);
}
.nav a,
.nav-link,
.nlink {
  color: var(--t1);
}
.nav a:hover,
.nav-link:hover,
.nlink:hover {
  color: var(--t0);
}

/* Logo ir balts SVG/PNG - uz gaiša fona to jāapgriež */
:root[data-theme="light"] .lnav-logo img,
:root[data-theme="light"] .nav-logo img,
:root[data-theme="light"] .lnav img[alt="XDA"] {
  filter: invert(1) hue-rotate(180deg);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .lnav-logo img,
  :root:not([data-theme="dark"]) .nav-logo img,
  :root:not([data-theme="dark"]) .lnav img[alt="XDA"] {
    filter: invert(1) hue-rotate(180deg);
  }
}
.l-hero,
.l-wrap,
.l-section,
.b-wrap,
.b-hero {
  background: transparent;
}
.l-hero-title,
.l-h2,
.l-h3,
.b-title,
.b-h2 {
  color: var(--t0);
}
.l-p,
.l-li,
.b-p {
  color: var(--t1);
}
.l-hero-badge,
.l-hero-tag,
.lnav-btn,
.lang-btn {
  border-color: var(--b2);
  color: var(--t1);
}
.lang-btn.on,
.lnav-btn.home {
  color: var(--t0);
}
.l-wrap th {
  background: var(--s2);
  color: var(--t0);
}
.l-wrap th,
.l-wrap td {
  border-color: var(--b1);
  color: var(--t1);
}
.l-box,
.l-note {
  background: var(--s2);
  border-color: var(--b2);
  color: var(--t1);
}

/* Garas tabulas telefonā ritinās pašas, nevis stumj lapu platumā */
@media (max-width: 760px) {
  .l-wrap table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}