/* CodeRifts — design system v1, MIGRÁCIÓS RÉTEG · 2026-09-16
 *
 * ⚠ EZ A FÁJL IDEIGLENES, ÉS MEGVAN A MEGSZŰNÉSI FELTÉTELE.
 *
 * MIÉRT VAN. A 87 lapból 86 a régi token-szótárat használja (--foreground,
 * --background, --muted-foreground, --border, --card, --primary), laponként
 * 106–245 helyen, plusz néhány lap Tailwind slate-* utilityket. Ezeket a
 * markupban egyesével átírni 86 lapon annyi szerkesztés, amennyit a mai
 * mérések szerint nem lehet hiba nélkül elvégezni — a homepage-en HÉT olyan
 * hibát találtunk, amit a szem nem vett észre.
 *
 * MIT CSINÁL. A RÉGI NEVEKET A RENDSZER TOKENJEIRE KÉPEZI. Egy lap, ami ezt
 * betölti, a rendszer színeit kapja anélkül, hogy a markupját hozzáérnénk.
 * A leképezés SZEMANTIKUS, nem mechanikus: minden régi név a jelentése
 * szerinti új tokent kapja.
 *
 * MIKOR TÖRLENDŐ. Amikor egyetlen lap sem hivatkozik rá — azaz minden lap
 * markupja a rendszer osztályait használja. Addig minden átállított lap
 * betölti, és a lista csak rövidül.
 *
 * ⚠ AMIT NEM CSINÁL. Nem definiál új színt: minden érték a design-system.css
 * mért tokenjeire mutat. Az egyetlen kivétel a #fff a --primary-foreground-on,
 * ami a rendszer saját idiómája (a .p-go, .p-stop, .p-live is így ír fehéret).
 */

:root{
  /* ---- régi név -> a rendszer tokenje, jelentés szerint ---------------- */
  --background:        var(--base);       /* a lap alapja */
  --foreground:        var(--ink);        /* főszöveg */
  --muted-foreground:  var(--ink-2);      /* másodlagos szöveg */
  --border:            var(--rule);       /* hajszálvonal */
  --card:              var(--surface);    /* kiemelt panel */
  --card-foreground:   var(--ink);
  --primary:           var(--live);       /* márka / link */
  --primary-foreground:#fff;
  --muted:             var(--surface);
  --accent:            var(--live);
  --success:           var(--go);
  --destructive:       var(--stop);
}

/* ---- Tailwind slate-* a sötét témából: a rendszer felületeire -----------
 * Nyolc utility, 299 használat a /docs/proof-boundaries/ lapon. A rendszer
 * világos, ezért a sötét-skála MEGFORDUL: a mély háttér világos felület lesz,
 * a halvány szöveg sötét tinta. */
.bg-slate-900{background-color:var(--surface) !important}
/* ⚠ A text-white a bg-slate-900 PARJA a regi sablonban: sotet hatter + feher szoveg.
   A hatter megfordult, a szoveg nem — igy feher betu allt vilagos alapon, ot helyen
   laponkent. Ugyanaz a megfordulas, mint a slate-skalan. */
.text-white{color:var(--ink) !important}
/* ⚠ A teljes lefedettseg merve 2026-09-17: het osztaly hasznalatban volt a lapokon,
   amit ez a reteg nem fedett. A bg-slate-800 a legsulyosabb (267 hely): sotet panel-
   hatter, amire az alias mar sotet tintat rak — sotet szoveg sotet dobozon. */
.bg-slate-800{background-color:var(--surface) !important}
.bg-slate-500{background-color:var(--rule) !important}
.bg-white{background-color:var(--surface) !important}
.border-slate-600{border-color:var(--rule-2) !important}
.border-slate-400{border-color:var(--rule-2) !important}
.border-white{border-color:var(--rule) !important}
.text-slate-700{color:var(--ink-2) !important}
.text-black{color:var(--ink) !important}
.bg-slate-700{background-color:var(--rule) !important}
.text-slate-200{color:var(--ink) !important}
.text-slate-300{color:var(--ink) !important}
.text-slate-400{color:var(--ink-2) !important}
.text-slate-500{color:var(--ink-3) !important}
.border-slate-700{border-color:var(--rule-2) !important}
.border-slate-800{border-color:var(--rule) !important}
.text-blue-400{color:var(--live) !important}
.hover\:text-blue-300:hover{color:var(--live) !important}

/* ---- a régi parancs-blokkok a rendszer terminál-megjelenését kapják -----
 * A .cmd-block és a .cmd-out ugyanaz a doboz: parancs és kimenete EGY blokk.
 * Ahol a markup még két elemre bontja, ott legalább ne látszódjon két doboznak:
 * a kimenet a parancs alá simul, rés és önálló keret nélkül. */
pre.cmd-block,pre.cmd-out{background:var(--term);color:var(--term-ink);
  font-family:var(--mono);font-size:var(--t-s);line-height:1.75;
  padding:22px 24px;border-radius:9px;overflow-x:auto;margin:0}
pre.cmd-block{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:6px}
pre.cmd-out{border-top-left-radius:0;border-top-right-radius:0;padding-top:6px;
  margin-bottom:1em}
pre.cmd-block code,pre.cmd-out code{background:none;color:inherit;padding:0;font-size:inherit}