/* ============================================================
   tokens-inversion.css — Inversionsschicht hoofolution.app
   Laedt NACH tokens.css, VOR base.css.
   Kaskade: tokens → tokens-inversion → base → landing.

   Inversionsregel (.com ↔ .app), Inhaber 2026-07-02:
   - Wortmarke ORANGE mit Motto = DIE Orange-Stelle pro Screen
   - CTAs hell (Pills), NIE orange
   - Orange-Budget: eine Stelle pro Screen (Wortmarke verbraucht es)
   - .hl-Default auf .app = 0 (keine Highlight-Woerter)

   --stage wird NUR hier definiert. Der Hex-Wert darf in keiner
   anderen Datei des Repos stehen (Verifikations-grep, §5).
   ============================================================ */

:root{
  /* --- Grund & Tiefe --- */
  --ground:var(--blue-deep);   /* Grundflaeche = App-Lobby = .com --blue-deep */
  --stage:#080E16;             /* Buehnen-Ton: NUR in Demo-/Stage-Rahmen (Dunkelheit = Tiefen-Signal der App) */

  /* --- Welt-Toenungen (Spiegel der App-Raeume, KONZEPT App-Architektur) --- */
  --welt-warm:var(--blue);     /* Welt HufBeratung am Foto (linke Tuer, waermerer Ton) */
  --welt-kuehl:#1B3553;        /* Welt Vergleich & Galerie (rechte Tuer, kuehler Ton) */

  /* --- Chrome (Header/Footer) --- */
  --chrome:#11253B;            /* minimal gegen den Grund abgetoent — haelt die dunkelblaue
                                  Praegung sichtbar (App-Loesung, Pruefer-Befund Praegung) */

  /* --- Typo 50+ (APP_FUNKTIONSWEISE §6.1: 18–20px mobil, hoher Kontrast) --- */
  --t-body:1.125rem;           /* 18px — mobil UND Desktop (≥17px-Regel erfuellt) */

  /* --- Text auf Grund: leicht gedaempftes Weiss gegen Blend/Halation (Inhaber-Wunsch 04.07.) ---
     Kontrast bleibt AAA (Weiss/#0f1f30 ~15:1; 0.90 ~13:1; 0.82 ~10:1). EINE Stelle zum Dimmen. */
  --ink-strong:rgba(255,255,255,0.90);  /* Ueberschriften — leicht gedaempft (weicht bewusst von der .com ab, die Headlines rein weiss laesst) */
  --ink-body:rgba(255,255,255,0.82);    /* Fliesstext auf Grund = .com-Praxis; greift in der Inhalts-Phase */
}