/* ════════════════════════════════════════════════════════════════════
   NERO — DESIGN-TOKEN
   Nur :root. Keine Selektoren, kein Reset, kein Layout.

   Warum eine eigene Datei und nicht warp.css: dort steht ab Zeile 45 ein
   Reset und ab 57 ein Body-Layout. Wer warp.css laedt, erbt Layout — und
   vier der sieben Seiten laden es bewusst nicht. Diese Datei kann jede
   Seite gefahrlos laden.

   Alle Werte sind aus dem Bestand ABGELESEN, nicht erfunden: die Radien-,
   Schatten- und Blur-Cluster der sieben Seiten wurden gezaehlt und auf
   ihren jeweiligen Median gezogen. Namen und Werte bestehender Variablen
   (--r, --font-*, --emo-*) bleiben unveraendert, damit kein Konsument
   bricht. Diese Datei ist rein ADDITIV.

   Reihenfolge: als ERSTES Stylesheet laden, vor nav.css und warp.css.
   Die :root-Bloecke der Seiten bleiben stehen und gewinnen bei
   Namensgleichheit — das ist beabsichtigt, sie sind der Fallback.
   ════════════════════════════════════════════════════════════════════ */

:root {

  /* ── Radius ─────────────────────────────────────────────────────────
     Vorher 25 verschiedene Formen ueber die Suite. Vier Stufen plus Pille
     decken alles ab. --r bleibt bei 5px, weil nav.css und sechs Seiten
     darauf sitzen. Die 6px-Insel in chatflow2 und --radius:10px in
     code.html gehoeren auf --r-md. */
  --r-xs: 3px;
  --r: 5px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-pill: 999px;

  /* ── Glas ───────────────────────────────────────────────────────────
     Drei Stufen statt zehn. Der saturate()-Anteil ist der billigste
     optische Gewinn im ganzen Cockpit: heute hat NUR lernen.html
     saturate(1.1), und genau deshalb wirkt dessen Glas lebendiger als das
     der anderen sechs Seiten. Suiteweit gezogen gewinnen Blau und Orange
     hinter dem Glas an Farbe, ohne dass eine Farbe geaendert wird.

     -webkit- immer mitfuehren: das iPad ist Zielbildschirm (PWA-Metas in
     dashboard.html), und Safari kennt die ungepraefixte Form nicht. */
  --glass-1: blur(8px) saturate(1.12);
  --glass-2: blur(14px) saturate(1.12);
  --glass-3: blur(20px) saturate(1.12);

  /* ── Schatten ───────────────────────────────────────────────────────
     Vorher 28 Unikate allein im Dashboard. Das MUSTER war schon konsistent
     (0 Y B -S rgba(0,0,0,a) plus optionaler Glow) — nur die Zahlen waren
     gewuerfelt. Das hier sind die Cluster-Mediane, keine neuen Werte. */
  --sh-1: 0 8px 26px -10px rgba(0,0,0,.80);
  --sh-2: 0 20px 52px -22px rgba(0,0,0,.80);
  --sh-3: 0 34px 96px -26px rgba(0,0,0,.82);

  /* Glows werden ZUSAETZLICH gesetzt, nicht statt --sh-*:
     box-shadow: var(--sh-2), var(--glow-blue); */
  --glow-blue: 0 0 0 1px rgba(79,157,255,.16), 0 0 24px -6px rgba(79,157,255,.34);
  --glow-orange: 0 0 0 1px rgba(255,138,60,.16), 0 0 24px -6px rgba(255,138,60,.34);
  --glow-emo: 0 0 28px -8px var(--emo-neutral-soft, rgba(79,157,255,.28));

  /* ── Typo ───────────────────────────────────────────────────────────
     Vorher 38 Groessen. Die Halbpixel (8.5 / 9.5 / 10.5 / 11.5 / 12.5 /
     13.5) und die eine rem-Insel sitzen alle in den Luecken dieser Leiter
     — es geht also nichts verloren, was ein Auge unterscheiden kann. */
  --fs-micro: 9px;
  --fs-tiny: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 22px;

  /* ── Abstand ────────────────────────────────────────────────────────
     22 statt 24, weil 22 der real vorkommende Nero-Wert ist. */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 22px;
  --sp-6: 32px;

  /* ── Alpha-Leitern ──────────────────────────────────────────────────
     Blau kam bisher in 36 verschiedenen Alpha-Werten vor, Orange in
     deutlich weniger — und Orange fehlte das .42-Aequivalent. Genau
     deshalb wirken orange Zustaende heute schwaecher als blaue, obwohl
     beide "aktiv" bedeuten sollen. Die Leitern sind jetzt symmetrisch. */
  --blue-06: rgba(79,157,255,.06);
  --blue-10: rgba(79,157,255,.10);
  --blue-16: rgba(79,157,255,.16);
  --blue-24: rgba(79,157,255,.24);
  --blue-32: rgba(79,157,255,.32);
  --blue-42: rgba(79,157,255,.42);

  --orange-06: rgba(255,138,60,.06);
  --orange-10: rgba(255,138,60,.10);
  --orange-16: rgba(255,138,60,.16);
  --orange-24: rgba(255,138,60,.24);
  --orange-32: rgba(255,138,60,.32);
  --orange-42: rgba(255,138,60,.42);

  /* ── Akzent-Strich ──────────────────────────────────────────────────
     Der 34x2px-Verlauf Blau->Orange existiert dreimal im Dashboard
     (.panel-head::before, .setup-card::before, .sc-fill). Er wird die
     gemeinsame Handschrift aller sieben Seiten. Hier nur der Verlauf —
     die Utility-Klasse kommt spaeter, wenn sie gebraucht wird. */
  --accent-rule: linear-gradient(90deg, #4f9dff, #ff8a3c);
  --accent-rule-glow: 0 0 12px -2px rgba(79,157,255,.55);
}