:root {
  --ms-primary: #7c4dff;
  --ms-accent: #875cff;
}

* {
  box-sizing: border-box;
}

body::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top left, rgba(124,77,255,.18), transparent 28%),
    radial-gradient(circle at bottom right, rgba(135,92,255,.14), transparent 28%);
  z-index: -1;
}

/* 9. UTÓKÖR (K1) lelet: a `<button>` UA-alapértelmezett háttere a `color-scheme`
   CSS-tulajdonságot KÖVETI (a theme.css most már beállítja témánként) — explicit
   háttér NÉLKÜL a natív gomb-háttér világos témán VILÁGOSSÁ váltott a mindig-
   sötét auth-kártyán (k≈1.5, mérve). Az `.active` állapot már kapott explicit
   hátteret (lent) — az INAKTÍV állapot nem, ezt pótolja az alap szabály. */
.ms-toggle-btn {
  background: transparent;
}

.ms-toggle-btn.active {
  color: #fff;
  background: linear-gradient(135deg, var(--ms-primary), var(--ms-accent));
  box-shadow: 0 14px 30px rgba(124,77,255,.24);
}

.ms-login-bg {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.ms-login-bg-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ms-login-route {
  fill: none;
  stroke: rgba(255,255,255,.035);
  stroke-width: 1.2;
  filter: blur(1.2px);
}

.ms-login-route-glow {
  fill: none;
  stroke: rgba(124,77,255,.60);
  stroke-width: 3.2;
  stroke-linecap: round;
  opacity: 1;
  filter: blur(2.5px);
}

.ms-login-node {
  position: absolute;
  border-radius: 999px;
  background:
    radial-gradient(circle,
      rgba(255,255,255,.92) 0%,
      rgba(124,77,255,.32) 35%,
      rgba(139,92,246,.18) 58%,
      transparent 76%);
  opacity: .45;
  filter: blur(.4px);
  will-change: transform, opacity;
}

.ms-login-node.sm { width: 4px; height: 4px; }
.ms-login-node.md { width: 7px; height: 7px; }
.ms-login-node.lg { width: 11px; height: 11px; }

.ms-login-node::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  background: inherit;
  opacity: .35;
  filter: blur(6px);
}

/* ════════════════════════════════════════════════════════════════════════
   9. UTÓKÖR (K1, TÉMA-KÖVETŐ, Ádám 2026-08-05 korrekciója, Író-1) — a login.php
   MOSTANTÓL betölti a theme.css-t (a topbar/lábléc/body-háttér a témát követi),
   DE az auth-kártya belseje (hero-panel + form-panel + modálok) SZÁNDÉKOSAN
   MINDIG SÖTÉT marad (a status.md-ben jelentett döntés, ld. view/login.php
   fejléc-kommentje). A 2 alábbi felülírás ennek a következménye:
   ════════════════════════════════════════════════════════════════════════ */

/* 1) A footer ("© 2026 BlackSheepMail…") a body-n (nem a sötét kártyán belül)
   ül, hardcode `text-[#9a9a9a]` Tailwind-osztállyal — ez a theme.css-ből NEM
   kap felülírást (nem `.text-mstext`/`.text-msmuted`), ezért világos témán a
   most világosra váltó body-n olvashatatlan maradna (k≈2.2). A --muted2 token
   MINDKÉT témában definiált (theme.css), fehéren is jó kontrasztú. */
html[data-theme="light"] footer {
  color: var(--muted2);
}

/* 2) A theme.css globális `html[data-theme="light"] input {border-color:
   var(--border2)}` szabálya (0,1,2) magasabb specificitású, mint a login.php
   Tailwind `.border-msborder` osztálya (0,1,0) — emiatt a MINDIG-SÖTÉT
   auth-kártya beviteli mezőinek kerete a világos témára hangolt SÖTÉT
   `--border2`-re váltana UGYANAZON a sötét mezőháttéren (rgba(10,10,12,.88),
   nem témafüggő) → gyakorlatilag láthatatlan lenne. A kártya szándékosan
   sötét marad minden témán → a keret is a mindig-sötét kártyához illő
   (halvány fehér) marad. */
html[data-theme="light"] section input,
html[data-theme="light"] section textarea {
  border-color: rgba(255, 255, 255, .12);
}

/* 3) EGY SZINTTEL MÉLYEBB lelet, amit a kontraszt-szonda a fenti 2 pont javítása
   UTÁN talált: a hero-panel (.ms-login-hero) és a form-panel (.ms-login-formside)
   SOK szövege (h1/h2/strong/stat-érték) NEM kap saját `color`-t — a mindig-sötét
   kártyán belül eddig a body-tól ÖRÖKÖLT (a body saját, dark-hangolt Tailwind
   `text-mstext`-je ≈ a --text dark-tokennel, ezért rejtve maradt — pontosan a
   36/2 audit-lelet mintája). Miután a theme.css-t betöltöttük, a body `color`-a
   világos témán a --text VILÁGOS (sötét-tónusú) értékére vált (helyesen, hiszen
   a body-n KÍVÜLI tartalom témát követ) — az öröklés emiatt a mindig-sötét
   kártyán belül is a sötét-témás sötét szöveget adná át, sötét háttéren
   (k≈1.06, mérve). Explicit `color` a 2 panel-konténeren — ez az öröklési lánc
   ÚJRAINDÍTÁSA, minden saját-szín NÉLKÜLI leszármazott ezt kapja vissza. */
.ms-login-hero,
.ms-login-formside {
  color: #f4f4f5;
}

/* A `.text-msmuted` (2 hely: a login- és a regisztrációs panel leadje) a
   theme.css globális, világos témás !important felülírását kapná (az
   Analizacio_site.php-hoz készült, de OSZTÁLY-alapon MINDEN oldalra hat) —
   ugyanaz a mindig-sötét-kártya elv, mint a footer/input esetén: a panel
   szándékosan sötét marad, a halvány szürke szöveg is marad az EREDETI
   (dark-hangolt) árnyalatán. Magasabb specificitás + !important kell a
   theme.css !important felülírásának legyőzéséhez. */
html[data-theme="light"] .ms-login-formside .text-msmuted {
  color: rgba(244, 244, 245, .56) !important;
}

/* 4) DARK TÉMA (a mérés SORÁN talált, a fentiektől FÜGGETLEN lelet — nem az
   én world-fixem okozta, ugyanez a szín/háttér-pár a MAI, unthemed dark
   login-on is jelen van, csak eddig nem volt külön "dark-téma" mérési
   állapot, amivel szembesíteni lehetett volna): a Tailwind `.text-msmuted`
   alapértéke (`rgba(151,151,151,.55)`) a theme.css SAJÁT sötét `.ms-topbar`
   hátterén (`rgba(22,22,24,.62)`) ÉS a mindig-sötét auth-kártyán is k≈2,7–2,8-at
   ad (mérve: a nyelvváltó "en" link + a 2 panel-lead bekezdés). Mivel a spec
   MINDKÉT témára 0 leletet kér, itt is javítva: a theme.css saját dark
   `--muted` tokenje (ugyanaz az árnyalat, amit az egész app dark témája
   használ máshol is) k=5,98:1-et ad mindkét háttéren (mérve). Fájl-szkópolt
   (a login.css KIZÁRÓLAG a login.php-n töltődik be), nem érint más oldalt. */
html[data-theme="dark"] .text-msmuted {
  color: var(--muted);
}