/* ============================================================
   Preview — Token-Datei (Lauf 1)
   Eine Datei. Alle Werte. Präfix --pv-.
   Kein Farbwert, kein Abstand, kein Radius direkt in einem Baustein.

   Herkunft jedes Werts:
     [CD]     im Auftrag festgeschrieben, an der laufenden
              INTENTURE-Anwendung gemessen — nicht verhandelbar.
     [geerbt] aus dem News Design System übernommen (gemessen
              04.09.2026), weil der Auftrag für diese Rolle nur
              die helle Fassung nennt oder sie nicht erwähnt.
     [NEU]    von Preview neu gebraucht. Entscheidung Tobias.
     [ABW]    Abweichung vom News Design System, begründet.

   Ein Theme-Mechanismus: [data-theme="dunkel"] — derselbe
   Schalter wie im News Design System. Kein zweiter.
   ============================================================ */

:root{

  /* --- 1 · Aktionsfarbe — es gibt genau eine ------------------
     Navy heißt anklickbar, sonst nichts. Nie Überschrift, nie
     Titel, nie Zustand, nie Dekoration. Drei Ausnahmen:
     Wortmarke, Datenmarke im Diagramm, aktiver Reiter. */
  --pv-aktion:#2A2A84;             /* [CD] */
  --pv-aktion-ueber:#22226B;       /* [CD] */
  --pv-aktion-gedr:#1A1A56;        /* [CD] */
  --pv-aktion-fokus:#2A2A84;       /* [CD] */
  --pv-aktiv-flaeche:#EEEEF7;      /* [CD] */
  --pv-aktiv-rahmen:#C9C9E4;       /* [CD] */
  --pv-auf-aktion:#FFFFFF;         /* [geerbt] Text auf gefüllter Aktionsfläche */
  --pv-fokus-schleier:rgba(42,42,132,.28); /* [geerbt] */
  --pv-aktion-rand:transparent;    /* [NEU] Kontur am gefüllten Hauptknopf. Im Hellen
                                          unnötig, im Dunkeln trägt die Fläche allein nicht. */
  --pv-aktion-marke:var(--pv-aktion); /* [NEU] Navy als Markierung auf Fläche:
                                          Reiterstrich, aktiver Eintrag. */
  --pv-bahn-fuellung:var(--pv-aktion); /* [NEU] gefüllter Teil einer Fortschrittsbahn */
  --pv-kachel-rahmen:var(--pv-linie);  /* [NEU] Rahmen der Folienkachel im Raster */
  --pv-fokus-b:2px;                /* [geerbt] Ringstärke */
  --pv-fokus-abstand:2px;          /* [geerbt] outline-offset */

  /* --- 2 · Warme Neutrale -------------------------------------
     Bewusst warm, damit Navy als einzige kalte Farbe hervortritt. */
  --pv-grund:#FAFAF8;              /* [CD] */
  --pv-flaeche:#FFFFFF;            /* [CD] */
  --pv-flaeche-hoch:#F4F3F0;       /* [CD] */
  --pv-text:#16161A;               /* [CD] */
  --pv-text-leise:#72726D;         /* [CD] */
  --pv-linie:#E4E4DF;              /* [CD] */
  --pv-aus:#C4C1BA;                /* [CD] aus / inaktiv */
  --pv-linie-ueber:#D6D6D0;        /* [geerbt] */
  --pv-senke:#E4E4DF;              /* [geerbt] eingesenkte Spur (Auswahl, Bahn) */
  --pv-gesperrt-text:#A8A8A3;      /* [geerbt] */
  --pv-gesperrt-flaeche:#EFEFEC;   /* [geerbt] */
  --pv-gesperrt-haupt:#D8D8E4;     /* [geerbt] gesperrter Hauptknopf, flächig */

  /* --- 3 · Signale -------------------------------------------
     Farbe trägt Bedeutung, sonst schweigt sie. Jede Auszeichnung
     braucht zusätzlich ein Wort oder ein Zeichen.
     Rot ist reserviert für echte Fehler. */
  --pv-erfolg-text:#197440;        /* [CD] */
  --pv-erfolg-flaeche:#EAF5EE;     /* [CD] */
  --pv-erfolg-rahmen:#1E874B;      /* [CD] */
  --pv-achtung-text:#96590A;       /* [CD] */
  --pv-achtung-flaeche:#FBF2E4;    /* [CD] */
  --pv-achtung-rahmen:#C08A2E;     /* [CD] */
  --pv-warnung-text:#C81E1E;       /* [CD] */
  --pv-warnung-flaeche:#FCEDED;    /* [CD] */
  --pv-warnung-rahmen:#E88A8A;     /* [CD] */
  --pv-info-text:#2A4A8A;          /* [CD] */
  --pv-info-flaeche:#EDF1FB;       /* [CD] */
  --pv-info-rahmen:#7D97CC;        /* [CD] */

  /* --- 4 · Datenrampe ----------------------------------------
     Sequenziell hell nach Navy. Ab --pv-seq-4 braucht Text die
     helle Fassung: wer die Rampe nutzt, führt beide Textfarben mit. */
  --pv-seq-0:#F7F5F2;              /* [CD] */
  --pv-seq-1:#E6E7F5;              /* [CD] */
  --pv-seq-2:#C3C5E8;              /* [CD] */
  --pv-seq-3:#9296D6;              /* [CD] */
  --pv-seq-4:#5B60BE;              /* [CD] */
  --pv-seq-5:#2A2A84;              /* [CD] */
  --pv-seq-text:#16161A;           /* [geerbt] */
  --pv-seq-text-hoch:#FFFFFF;      /* [geerbt] ab --pv-seq-4 */
  --pv-daten-marke:#2A2A84;        /* [geerbt] Datenmarke — Navy-Ausnahme 2 */
  --pv-daten-leise:#8A857D;        /* [geerbt] */

  /* --- 5 · Abstände — gesperrte Achse, sieben Werte ----------- */
  --pv-raum-1:4px;                 /* [CD] */
  --pv-raum-2:8px;                 /* [CD] */
  --pv-raum-3:12px;                /* [CD] */
  --pv-raum-4:16px;                /* [CD] */
  --pv-raum-5:20px;                /* [CD] */
  --pv-raum-6:24px;                /* [CD] */
  --pv-raum-7:32px;                /* [CD] */

  /* --- 6 · Radien — gesperrte Achse, neun Werte --------------- */
  --pv-r-chip:6px;                 /* [CD] Chip, Zustandsmarke */
  --pv-r-knopf:8px;                /* [CD] Knopf, Eingabefeld */
  --pv-r-bedienzeile:9px;          /* [CD] Bedienzeile, Suche */
  --pv-r-kachel:10px;              /* [CD] Folienkachel, Rundbild-Rahmen */
  --pv-r-aufklapper:12px;          /* [CD] Aufklapper, Dialog */
  --pv-r-karte:14px;               /* [CD] Karte */
  --pv-r-eingabegruppe:16px;       /* [CD] Eingabegruppe, Datei-Einwurf */
  --pv-r-blatt:22px;               /* [CD] Blatt (Vollbild-Ebene) */
  --pv-r-pille:999px;              /* [CD] Pille, Rundbild */

  /* --- 7 · Bedienhöhen — gesperrte Achse, drei Werte ---------- */
  --pv-h-dicht:28px;               /* [CD] */
  --pv-h-standard:32px;            /* [CD] */
  --pv-h-haupt:40px;               /* [CD] */
  --pv-pad-dicht:8px;              /* [geerbt] waagerechtes Polster zu 28 */
  --pv-pad-standard:12px;          /* [geerbt] zu 32 */
  --pv-pad-haupt:16px;             /* [geerbt] zu 40 */
  --pv-h-kapsel:22px;              /* [geerbt] Zustandsmarke — Anzeige, keine Bedienhöhe */

  /* --- 8 · Dauern — gesperrte Achse, zehn Werte --------------- */
  --pv-d-druck:90ms;               /* [CD] Druckpunkt */
  --pv-d-kurz:160ms;               /* [CD] */
  --pv-d-200:200ms;                /* [CD] */
  --pv-d-220:220ms;                /* [CD] */
  --pv-d-260:260ms;                /* [CD] */
  --pv-d-300:300ms;                /* [CD] */
  --pv-d-320:320ms;                /* [CD] */
  --pv-d-360:360ms;                /* [CD] */
  --pv-d-420:420ms;                /* [CD] */
  --pv-d-licht:620ms;              /* [CD] Lichtstreif */

  /* Kurven und Druckpunkt */
  --pv-k-aus:cubic-bezier(.32,.72,0,1);   /* [geerbt] Erscheinen */
  --pv-k-ein:cubic-bezier(.4,0,1,1);      /* [geerbt] Verschwinden */
  --pv-k-zustand:cubic-bezier(.2,0,.4,1); /* [geerbt] Zustandswechsel */
  --pv-k-schalter:cubic-bezier(.2,.8,.2,1); /* [geerbt] wandernder Schlüssel */
  --pv-druck-tiefe:scale(.97);            /* [geerbt] ein Druckpunkt für alle Knopfrollen */

  /* --- 9 · Schrift und Typo-Skala ----------------------------
     Satoshi allein. 400 / 600 / 700 — kein 900, kein 500.
     Zahlen tabellarisch, mit Tausenderpunkt: 57.110 €. */
  --pv-schrift:"Satoshi",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; /* [CD] */
  --pv-gew-normal:400;             /* [CD] */
  --pv-gew-halb:600;               /* [CD] */
  --pv-gew-fett:700;               /* [CD] */

  /* Jede Rolle deklariert Größe, Gewicht und Zeilenhöhe als Token.
     Ein Baustein schreibt keine Zahl, er nimmt die drei Werte der Rolle. */
  --pv-tx-seitentitel:24px;        /* [geerbt] */
  --pv-tx-seitentitel-gew:700;     /* [geerbt] */
  --pv-tx-seitentitel-zh:1.25;     /* [geerbt] */
  --pv-tx-abschnitt:18px;          /* [geerbt] */
  --pv-tx-abschnitt-gew:700;       /* [geerbt] */
  --pv-tx-abschnitt-zh:1.3;        /* [geerbt] */
  --pv-tx-kartentitel:17px;        /* [geerbt] */
  --pv-tx-kartentitel-gew:700;     /* [geerbt] */
  --pv-tx-kartentitel-zh:1.3;      /* [geerbt] */
  --pv-tx-bedienung:13.5px;        /* [geerbt] eine Größe auf allen Bedienelementen */
  --pv-tx-bedienung-gew:600;       /* [ABW] News-Token sagt 500; 500 ist in Preview gesperrt.
                                          Die laufende Anwendung rendert am Kartenknopf 600. */
  --pv-tx-bedienung-zh:1.35;       /* [geerbt] */
  --pv-tx-fliess:13.5px;           /* [geerbt] */
  --pv-tx-fliess-gew:400;          /* [geerbt] */
  --pv-tx-fliess-zh:1.6;           /* [geerbt] */
  --pv-tx-leise:12.5px;            /* [geerbt] */
  --pv-tx-leise-gew:400;           /* [geerbt] */
  --pv-tx-leise-zh:1.4;            /* [geerbt] */
  --pv-tx-klein:11px;              /* [geerbt] */
  --pv-tx-klein-gew:700;           /* [geerbt] */
  --pv-tx-klein-zh:1.2;            /* [geerbt] */
  --pv-tx-klein-sperrung:0.08em;   /* [geerbt] */
  --pv-tx-leitzahl:28px;           /* [geerbt] Kennzahl */
  --pv-tx-leitzahl-gew:700;        /* [geerbt] */
  --pv-tx-leitzahl-zh:1;           /* [geerbt] */
  --pv-tx-wortmarke:19px;          /* [geerbt] */
  --pv-tx-wortmarke-gew:700;       /* [geerbt] */
  --pv-tx-wortmarke-zh:1.2;        /* [geerbt] */
  --pv-tx-wortmarke-sperrung:.4px; /* [geerbt] */
  --pv-lesebreite:34em;            /* [geerbt] Fließtext, in em gerechnet */

  /* --- 10 · Erhebung und Ebenen ------------------------------
     Flache Flächen. Kein Schatten ohne Rahmen. Erhebung nur in
     drei Stufen und nur, wo etwas wirklich über etwas anderem liegt.
     Keine Verläufe, keine Schlagschatten als Deko, kein Glühen. */
  --pv-erhebung-1:0 1px 2px rgba(37,36,33,.04), 0 10px 30px -18px rgba(37,36,33,.20); /* [geerbt] Karte */
  --pv-erhebung-2:0 12px 32px -12px rgba(34,34,60,.28), 0 2px 6px rgba(34,34,60,.08); /* [geerbt] Aufklapper */
  --pv-erhebung-3:0 24px 60px rgba(0,0,0,.18); /* [geerbt] Ebene über allem */
  --pv-ebene-grund:0;              /* [geerbt] */
  --pv-ebene-klebend:10;           /* [geerbt] */
  --pv-ebene-aufklapper:100;       /* [geerbt] */
  --pv-ebene-schleier:200;         /* [geerbt] */
  --pv-ebene-dialog:300;           /* [geerbt] Vollbild-Folie */
  --pv-ebene-toast:400;            /* [geerbt] */
  --pv-schleier:rgba(9,0,43,.42);  /* [NEU] Schleier unter Dialog und Sitzungsende.
                                          Aus dem Foliengrund gemischt, nicht aus Schwarz. */

  /* --- 11 · Rahmenmaße Oberfläche ---------------------------- */
  --pv-k-kopfzeile:56px;           /* [geerbt] */
  --pv-k-seitenkopf:64px;          /* [geerbt] */
  --pv-k-suchfeld:36px;            /* [geerbt] */
  --pv-k-fenster-schmal:1280px;    /* [NEU] schmales Fenster — Laptop */

  /* --- 12 · Folie — die Projektion, ausdrückliche Ausnahme ----
     Auf der Folie sind Verläufe, Leuchten und filmische Übergänge
     ERLAUBT. In der Oberfläche bleiben sie verboten. Eine Folie wird
     aus sechs Metern Entfernung gelesen, ein Cockpit aus sechzig
     Zentimetern — dieselbe Regel für beide wäre für eines von beiden
     die falsche.
     Genau ein Modus: Folien kennen keinen Dunkelmodus, sie SIND dunkel. */
  --pv-folie-b:1920px;             /* [NEU] */
  --pv-folie-h:1080px;             /* [NEU] */
  --pv-kachel-verhaeltnis:16 / 9;  /* [NEU] Folienkachel im Raster */

  /* Folienraster — die Ränder der 1920×1080-Fläche.
     [GEMESSEN] am gebauten Entwurf, nicht neu erfunden: diese fünf Zahlen
     standen bis zum 22.09.2026 als Literale in `folien.css` UND ein zweites
     Mal als `RAND = 120` in `pptx_bearbeitbar.py`. Zwei Renderer, dieselbe
     Zahl, zwei Sprachen — die konnten auseinanderlaufen, ohne dass ein Test
     es gemerkt hätte. Jetzt lesen beide von hier.
     Die sieben Bedien-Abstände gelten hier NICHT: eine Folie wird aus sechs
     Metern gelesen, 4px wären auf ihr unsichtbar. */
  --pv-folie-rand:120px;           /* [GEMESSEN] linker und rechter Folienrand */
  --pv-folie-rand-oben:110px;      /* [GEMESSEN] oberer Rand ohne Kopfzeile */
  --pv-folie-rand-eng:90px;        /* [GEMESSEN] oberer Rand, wenn eine Kopfzeile trägt */
  --pv-folie-fuss:132px;           /* [GEMESSEN] unterer Rand — hält die Fußzeile frei */
  --pv-folie-fussrand:56px;        /* [GEMESSEN] Abstand der Fußzeile vom Folienrand */
  --pv-folie-grund:#09002B;        /* [NEU] Foliengrund, gemessen am gelieferten
                                          Logoband. NICHT die Aktionsfarbe. */
  --pv-folie-auf-grund:#FFFFFF;    /* [NEU] Schrift und Logos auf dem Foliengrund */
  --pv-folie-leise:#A9A7CE;        /* [NEU] leise Schrift auf der Folie.
                                          8,70:1 auf #09002B gerechnet. */
  --pv-folie-leise-beamer:#C9C7E4; /* [NEU] Ersatz für --pv-folie-leise, wenn im
                                          Vorführmodus „schwacher Beamer“ steht.
                                          Unter 12 % Fremdlicht: 4,40:1 statt 3,34:1. */
  --pv-folie-flaeche:#130A46;      /* [NEU] angehobene Fläche auf der Folie */
  --pv-folie-linie:rgba(255,255,255,.18);  /* [NEU] Haarlinie auf der Folie */
  --pv-folie-glanz:#5B60BE;        /* [NEU] Leuchten, Orb, Verlaufsende */
  --pv-folie-strahl:#8E97F0;       /* [NEU] Strahl hinter der Rakete */
  --pv-folie-titel:var(--pv-folie-auf-grund); /* [NEU] ENTSCHEIDUNG: der Folientitel
                                          trägt KEIN Navy. Auf dunklem Grund wäre Navy
                                          nicht lesbar; Navy kehrt als Fläche und
                                          Leuchten zurück, nie als Schrift. */

  /* Folien-Typo: eigene Achse, eigene Größen. Jede Rolle mit
     Größe, Gewicht und Zeilenhöhe. Kleinste Größe 24px. */
  --pv-ft-titel:96px;              /* [NEU] */
  --pv-ft-titel-gew:700;           /* [NEU] */
  --pv-ft-titel-zh:1.05;           /* [NEU] */
  --pv-ft-kapitelzahl:220px;       /* [NEU] */
  --pv-ft-kapitelzahl-gew:700;     /* [NEU] */
  --pv-ft-kapitelzahl-zh:0.9;      /* [NEU] */
  --pv-ft-ueber:64px;              /* [NEU] Folientitel */
  --pv-ft-ueber-gew:700;           /* [NEU] */
  --pv-ft-ueber-zh:1.15;           /* [NEU] */
  --pv-ft-zahl:80px;               /* [NEU] Leitzahl auf der Folie */
  --pv-ft-zahl-gew:700;            /* [NEU] */
  --pv-ft-zahl-zh:1;               /* [NEU] */
  --pv-ft-fliess:34px;             /* [NEU] */
  --pv-ft-fliess-gew:400;          /* [NEU] */
  --pv-ft-fliess-zh:1.5;           /* [NEU] */
  --pv-ft-leise:26px;              /* [NEU] */
  --pv-ft-leise-gew:400;           /* [NEU] */
  --pv-ft-leise-zh:1.4;            /* [NEU] */
  --pv-ft-eckwert:32px;            /* [NEU] Eckdatum der Incentive-Folie —
                                          eine Zahl, die gelesen wird, aber keine
                                          Leitzahl ist. Zwischen --pv-ft-fliess (34)
                                          und --pv-ft-leise (26) gab es dafür keine
                                          Rolle: der Fließtext ist zu leicht, die
                                          leise Stufe zu klein für eine Uhrzeit. */
  --pv-ft-eckwert-gew:600;         /* [NEU] */
  --pv-ft-eckwert-zh:1.25;         /* [NEU] */
  --pv-ft-klein:24px;              /* [NEU] Rubrik auf der Folie */
  --pv-ft-klein-gew:700;           /* [NEU] */
  --pv-ft-klein-zh:1.2;            /* [NEU] */
  --pv-ft-klein-sperrung:0.12em;   /* [NEU] */

  /* Foliendauern: eigene Achse. Die zehn Bedien-Dauern bleiben gesperrt —
     ein Folienflug von 2,4 s hat in einer Oberfläche nichts zu suchen. */
  --pv-folie-flug:2400ms;          /* [NEU] Rakete fliegt auf den Ist-Wert */
  --pv-folie-drehung:900ms;        /* [NEU] ein Looping bei Ankunft */
  --pv-folie-manoever:3600ms;      /* [NEU] das ganze Manöver: stehen, kippen,
                                          fliegen, Looping, wieder stehen. EINMAL. */
  --pv-folie-staffel-min:30ms;     /* [NEU] Staffelung zwischen Zeilen, unterste Grenze */
  --pv-folie-staffel-max:80ms;     /* [NEU] Staffelung zwischen Zeilen, oberste Grenze */
  --pv-folie-staffel:320ms;        /* [NEU] Dauer der einzelnen gestaffelten Zeile */
  --pv-folie-wechsel:420ms;        /* [NEU] Folienübergang, richtungsbewusst */
  --pv-vorfuehr-ruhe:3000ms;       /* [NEU] Ruhe, nach der die Bedienung verschwindet */
  --pv-vorfuehr-blende:220ms;      /* [NEU] Ein- und Ausblenden der Bedienung */
  --pv-vorfuehr-versatz:64px;      /* [NEU] Weg, den eine Folie beim Wechsel zurücklegt */

  /* --- 13 · Benannte Ausnahmen der Oberfläche -------------------
     Drei Stellen im Cockpit passen auf keine der fünf gesperrten Achsen.
     Bis zum 22.09.2026 standen sie als Literale im CSS, zwei davon mit
     einem „OFFEN, Tobias vorgelegt“ daneben. Ein Literal mit Kommentar ist
     keine Entscheidung — es ist eine, die niemand mehr sieht. Deshalb
     stehen sie jetzt hier: sichtbar, benannt, vom Sperrtest gehalten.
     ENTSCHEIDUNG OFFEN (Tobias): ob diese drei ins Claude-Design-Blatt
     wandern oder ob die Stellen umgebaut werden, bis sie ohne Ausnahme
     auskommen. Bis dahin gilt: hier und nirgends sonst. */

  /* (a) Der Willkommensflug. Ein Film, keine Zustandsänderung — die zehn
     Bedien-Dauern hören bei 620ms auf, und das ist richtig so: ein Knopf,
     der 1,5 s braucht, ist kaputt. Die Rakete fliegt EINMAL nach dem
     Anmelden quer über den Schirm; dieselbe Begründung wie bei den
     Foliendauern in Abschnitt 12. */
  --pv-tor-flug:1500ms;            /* [AUSNAHME] Flug über die Anmeldekarte */
  --pv-tx-tormarke:36px;           /* [AUSNAHME] Wortmarke am Anmeldetor. Keine der
                                          Typo-Rollen passt: --pv-tx-wortmarke (19px) ist
                                          die Marke IN der Kopfzeile, das Tor zeigt sie
                                          als Bild, nicht als Navigationselement. */

  /* (b) Die Optik-Vorschau ist ein Maßstabsmodell der Oberfläche, etwa 1:8.
     Ein 5px hoher Streifen ist keine Textzeile und ein 11px hoher Kasten
     kein Knopf — es sind Striche, die einen Knopf DARSTELLEN. Die neun
     Radien und die drei Bedienhöhen gelten für echte Bedienelemente; ein
     Modell kann sie nicht tragen, ohne zur Karikatur zu werden. */
  --pv-schau-r:2px;                /* [AUSNAHME] Streifen im Modell */
  --pv-schau-r-feld:4px;           /* [AUSNAHME] Feld und Knopf im Modell */
  --pv-schau-strich:5px;           /* [AUSNAHME] Höhe eines Textstrichs */
  --pv-schau-knopf:11px;           /* [AUSNAHME] Höhe des dargestellten Knopfs */
  --pv-schau-feld:14px;            /* [AUSNAHME] Höhe des dargestellten Feldes */
  --pv-schau-luecke:5px;           /* [AUSNAHME] Abstand der Striche untereinander */
  --pv-schau-polster:8px;          /* [AUSNAHME] Innenrand des Modells */
  --pv-schau-polster-eng:6px;      /* [AUSNAHME] Innenrand der geteilten Hälfte */

  /* (b2) Der Versatz der Meldungskugel. 6px Kugel, ausgerichtet auf die
     Grundlinie der ersten Textzeile — gemessen, nicht gerechnet. Auf 8px
     gehoben rutscht sie unter die Zeile, auf 4px darüber. */
  --pv-punkt-versatz:7px;          /* [AUSNAHME] siehe .meldung::before */

  /* (c) Das Polster des Segmentschalters. KEINE Ausnahme im Ergebnis:
     3px rundherum plus 26px Knopf ergeben genau --pv-h-standard (32px).
     Der Knopf rechnet sich daraus, statt die 26 zweimal zu behaupten. */
  --pv-schalter-polster:3px;       /* [ABGELEITET] siehe .schalter in web.css */
}

/* [NEU, Ergaenzung von Claude Code — nicht aus Lauf 5]
   Die helle Fassung ist sonst nur ueber :root erreichbar. Fuer die
   Optik-Vorschau in den Einstellungen braucht es sie ADRESSIERBAR: dort steht
   eine helle Miniatur neben einer dunklen, auch wenn die Oberflaeche gerade
   dunkel ist. Kein Wert ist neu — alle stehen so schon in :root.
   Gehoert bei Gelegenheit auch in das Claude-Design-Blatt. */
[data-theme="hell"]{
  --pv-grund:#FAFAF8;
  --pv-flaeche:#FFFFFF;
  --pv-flaeche-hoch:#F4F3F0;
  --pv-text:#16161A;
  --pv-text-leise:#72726D;
  --pv-linie:#E4E4DF;
  --pv-linie-ueber:#D6D6D0;
  --pv-senke:#E4E4DF;
  --pv-aktion:#2A2A84;
  --pv-aktion-rand:transparent;
  --pv-aktion-marke:#2A2A84;
}

[data-theme="dunkel"]{
  --pv-aktion:#3D46B8;             /* [CD] */
  --pv-aktion-ueber:#4A54CC;       /* [CD] im Dunkeln kehrt Überfahren die Richtung */
  --pv-aktion-gedr:#333BA0;        /* [CD] */
  --pv-aktion-fokus:#8E97F0;       /* [CD] Fokus löst sich von Aktion */
  --pv-aktiv-flaeche:#262A3D;      /* [CD] */
  --pv-aktiv-rahmen:#3C4266;       /* [CD] */
  --pv-auf-aktion:#FFFFFF;         /* [geerbt] */
  --pv-fokus-schleier:rgba(142,151,240,.30); /* [geerbt] */
  --pv-aktion-rand:#5B65D6;        /* [NEU] gemessen: gefülltes Navy steht nur 2,43:1
                                          gegen #131417. Mit dieser Kontur 3,75:1. */
  --pv-aktion-marke:#8E97F0;       /* [NEU] gemessen: 3D46B8 auf #1A1C21 nur 2,25:1,
                                          8E97F0 dagegen 6,36:1. */
  --pv-bahn-fuellung:#6B78E0;      /* [NEU] gemessen: 3D46B8 auf der Senke #33353A nur
                                          1,62:1, 6B78E0 dagegen 3,15:1. */
  --pv-kachel-rahmen:#5A6089;      /* [NEU] gemessen: Foliengrund #09002B steht 1,09:1
                                          gegen den dunklen Grund — die Kachel bräuchte
                                          sonst keinen Rahmen, sondern hätte keinen Rand.
                                          Mit dieser Linie 3,04:1 gegen den Grund. */

  --pv-grund:#131417;              /* [CD] */
  --pv-flaeche:#1A1C21;            /* [CD] */
  --pv-flaeche-hoch:#22252B;       /* [CD] */
  --pv-text:#ECEDEF;               /* [CD] */
  --pv-text-leise:#9A9C9F;         /* [CD] */
  --pv-linie:#2E3138;              /* [CD] */
  --pv-aus:#5A5D6B;                /* [CD] */
  --pv-linie-ueber:#3A3D45;        /* [geerbt] */
  --pv-senke:#33353A;              /* [geerbt] */
  --pv-gesperrt-text:#5F6167;      /* [geerbt] */
  --pv-gesperrt-flaeche:#23252A;   /* [geerbt] */
  --pv-gesperrt-haupt:#3C3F4A;     /* [geerbt] */

  --pv-erfolg-text:#6BD79B;        /* [geerbt] */
  --pv-erfolg-flaeche:#16251C;     /* [geerbt] */
  --pv-erfolg-rahmen:#2E7A50;      /* [geerbt] */
  --pv-achtung-text:#E0A94A;       /* [geerbt] */
  --pv-achtung-flaeche:#2A2114;    /* [geerbt] */
  --pv-achtung-rahmen:#7A5E23;     /* [geerbt] */
  --pv-warnung-text:#F87171;       /* [geerbt] */
  --pv-warnung-flaeche:#2B1718;    /* [geerbt] */
  --pv-warnung-rahmen:#7A3436;     /* [geerbt] */
  --pv-info-text:#8FB0EE;          /* [geerbt] */
  --pv-info-flaeche:#181D2A;       /* [geerbt] */
  --pv-info-rahmen:#3B4A6B;        /* [geerbt] */

  --pv-seq-0:#2B2C30;              /* [geerbt] Rampe kehrt: dunkel nach hell */
  --pv-seq-1:#333963;              /* [geerbt] */
  --pv-seq-2:#3E4585;              /* [geerbt] */
  --pv-seq-3:#5058AE;              /* [geerbt] */
  --pv-seq-4:#6B78E0;              /* [geerbt] */
  --pv-seq-5:#98A2EE;              /* [geerbt] */
  --pv-seq-text:#ECEDEF;           /* [geerbt] */
  --pv-seq-text-hoch:#151622;      /* [geerbt] */
  --pv-daten-marke:#6B78E0;        /* [geerbt] */
  --pv-daten-leise:#86888D;        /* [geerbt] */

  --pv-erhebung-1:0 4px 20px rgba(0,0,0,.45); /* [geerbt] */
  --pv-erhebung-2:0 14px 34px -12px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.35); /* [geerbt] */
  --pv-erhebung-3:0 24px 60px rgba(0,0,0,.5); /* [geerbt] */
}

@media (prefers-reduced-motion:reduce){
  :root{
    --pv-d-druck:0ms; --pv-d-kurz:0ms; --pv-d-200:0ms; --pv-d-220:0ms;
    --pv-d-260:0ms; --pv-d-300:0ms; --pv-d-320:0ms; --pv-d-360:0ms;
    --pv-d-420:0ms; --pv-d-licht:0ms;
    --pv-druck-tiefe:none;
  }
}