/* ═══════════════════════════════════════════════════════════════════════════
   lx-raster.css — DIE EINE GEMEINSAME GESTALTUNGSQUELLE ALLER LEXGLOBAL-SEITEN
   ═══════════════════════════════════════════════════════════════════════════
   ⭐⭐ HERAUSGELOEST AUS `index.html` AM 09.09.2026 ([[R2066]], Auftrag Dirk).
      Bis dahin stand das Raster als `<style id="lx-raster">` IN der Seite. Solange
      es nur EINE Seite gab, war das eine Quelle. Mit der zweiten Landeseite
      (`/kanzlei`) waere daraus eine ZWEITE FASSUNG derselben Regel geworden - und
      zwei Fassungen laufen ab dem Tag ihrer Entstehung auseinander, OHNE dass es
      jemand merkt: beide sehen vollstaendig aus.

   ⛔ DIE DAUERVORGABE [[R2066]] IM WORTLAUT:
      Eine Aenderung an der Gestaltung wird an GENAU EINER Stelle vorgenommen und
      wirkt damit auf ALLEN Seiten zugleich. Es darf KEINE zweite Fassung derselben
      Regel geben.

   ⛔ WER HIER ETWAS AENDERT, AENDERT ES UEBERALL. Das ist der Zweck und nicht die
      Nebenwirkung. Wer eine Ausnahme fuer EINE Seite braucht, baut sie NICHT hier
      und NICHT in der Seite, sondern als eigene Rolle mit eigenem Namen.

   ⭐ GEPRUEFT VON `proben/rasterquellenpruefer.py`: er weist eine Landeseite ab,
      die Gestaltungswerte fuehrt, welche nicht aus dieser Datei stammen.

   Herkunft des Inhalts: [[R1876]] (08.09.2026, Freigabe Dirk) - Rollen statt Werte,
   helle Fassung voreingestellt, Kontraste mit `rasterpruefer.py` gerechnet.
   ═══════════════════════════════════════════════════════════════════════════ */
/* ═══ R1876 (08.09.2026, Freigabe Dirk): DAS GESTALTUNGSRASTER ALS EINE QUELLE ═══════
   ⭐ FARBEN STEHEN ALS ROLLE, NICHT ALS WERT. Wer die Fassung wechselt, wechselt EINE
      Stelle - nicht tausend. Genau das war Dirks Auflage, und es ist dieselbe Bauart
      wie der Pruefbaum (R1868): eine Quelle, aus der alle lesen.
   ⭐ DIE HELLE FASSUNG IST VOREINGESTELLT. Begruendung Dirks, und sie traegt: ein
      Anwalt arbeitet im hellen Buero, liest stundenlang Fachtext und druckt ihn aus;
      Dunkelmodus gilt in Kanzleien als Entwicklerwerkzeug. Der erste Eindruck faellt
      auf dem hellen Bildschirm.
   ⛔ DAS GOLD MUSSTE JE FASSUNG EINEN EIGENEN WERT BEKOMMEN: #c9a227 hat auf hellem
      Grund nur 2,32:1 und faellt durch. Die helle Fassung fuehrt #8a6d12 mit 4,71:1.
      Gemessen mit rasterpruefer.py, nicht geschaetzt - eine Rolle ist eben KEIN Wert.
   Alle Kontraste gerechnet am 08.09.2026, Werte in den Kommentaren je Zeile. */
:root{
  /* ── Schrift: genau zwei Familien, mehr nicht ── */
  /* ⚖ R2702/R2712 (Wort Dirks 04./05.10.2026, Festes Gerüst): Grundschrift Atkinson Hyperlegible 18 px - HIER, nicht in index.html (R2066).
     Vorher: 'Inter' 17 px (sichtbar ersetzt, Paragraf 11). Marke bleibt Cormorant Garamond (--lx-schrift-titel). */
  --lx-schrift-text: 'Atkinson Hyperlegible', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --lx-schrift-titel: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
  --lx-grund-px: 18px;      /* Grundschrift (R2702: 18 px nach dem Festen Gerüst; vorher 17) */
  --lx-zeile: 1.6;
  --lx-zeilenlaenge: 72ch;
  --lx-h1: 34px; --lx-h2: 26px; --lx-h3: 20px; --lx-h4: 17px;
  /* ── Raum: Grundmass 8 px, nur diese Stufen ── */
  --lx-r1: 8px; --lx-r2: 16px; --lx-r3: 24px; --lx-r4: 32px; --lx-r5: 48px; --lx-r6: 64px;
  --lx-aussenrand: 32px;
  /* ── HELLE FASSUNG (Voreinstellung) ── */
  --lx-grund:      #EEF1F6;   /* R2712 Schaltpult hell (vorher #fbfaf8) · Schrift 15,0:1, Schrift-2 6,2:1, Akzent 5,4:1 */
  --lx-flaeche:    #ffffff;
  --lx-text:       #1a1a1c;   /* 16,66:1 auf Grund */
  --lx-text-2:     #55575c;   /* 6,93:1  auf Grund */
  /* ⚖ [[R2075]] 10.09.2026: DIE SCHRIFT IST DUNKLER GEWORDEN, DIE TOENUNG NICHT.
     ⛔ DER UEBERHOLTE GRUND, sichtbar ersetzt statt geloescht (Paragraf 11):
        hier stand `#8a6d12; 4,71:1 auf Grund`. Die Zahl war RICHTIG und trotzdem
        irrefuehrend: sie gilt auf dem REINEN Grund - und dort steht die
        Akzentschrift fast nie. Gemessen auf den getoenten Flaechen, auf denen sie
        wirklich steht, fiel sie auf 4,43 bis 3,65 und damit DURCH.
     ⭐ WARUM NUR DIE SCHRIFT: die Toenung kommt aus `--lx-akzent-rgb`, die Schrift
        aus `--lx-akzent`. Zwei getrennte Groessen - deshalb laesst sich der Wert
        heben, OHNE die Gestaltung anzufassen. `--lx-akzent-rgb` bleibt unveraendert,
        also sieht jede getoente Flaeche aus wie vorher. */
  --lx-akzent:     #755d0f;   /* 6,05:1 auf reinem Grund · 4,81:1 auf der staerksten
                                 Toenung, die Akzentschrift traegt (0,18) · weisse
                                 Schrift darauf 6,31:1 (vorher 4,91:1) */
  --lx-akzent-schrift: #ffffff; /* 4,91:1 auf Akzent */
  /* ⭐ [[R2085]] 10.09.2026: AKZENTSCHRIFT AUF EINER STARK GETOENTEN FLAECHE.
     `--lx-akzent` traegt bis Deckung 0,20; auf 0,24 und 0,25 faellt es auf 4,44
     bzw. 4,38 und damit DURCH. Diese Abstufung ist DERSELBE Farbton, nur dunkler
     (Faktor 0,9) - KEIN zweites Gold, sondern eine Stufe wie `--lx-text-2` neben
     `--lx-text`. ⛔ Die TOENUNG ist NICHT angefasst worden. */
  --lx-akzent-2:   #69540e;   /* 5,14:1 auf Deckung 0,24 · 5,07:1 auf 0,25 */
  --lx-warnung:    #b3341a;   /* 5,88:1 */
  --lx-bestaetigt: #1e6b45;   /* 6,21:1 */
  --lx-rahmen:     #e3e0d9;   /* kein Text - Gruppen trennt Abstand, nicht die Linie */
  /* R1880: DIESELBEN Rollen als RGB-Tripel. Grund: eine Flaeche mit Durchsicht
     (rgba) kann keinen Hex-Wert aus einer Rolle nehmen. Ohne diese Tripel bliebe
     jede halbdurchsichtige Flaeche ein FESTER Wert - und damit ausserhalb des
     Rollensystems (R1876). Wer die Fassung wechselt, wechselt weiterhin EINE Stelle. */
  --lx-akzent-rgb:     138,109,18;
  --lx-warnung-rgb:    179,52,26;
  --lx-bestaetigt-rgb: 30,107,69;
  --lx-info:           #1f5c8b;   /* 5,52:1 auf Grund - Hinweis, keine Handlung */
  --lx-info-rgb:       31,92,139;
  --lx-text-rgb:       26,26,28;
  --lx-grund-rgb:      251,250,248;

  /* ⭐ 09.09.2026 (Auftrag Dirk): DIE FEST EINGETIPPTEN SCHLEIER BEKOMMEN ROLLEN.
     ⛔ SCHATTEN IST KEINE DER VIER ROLLEN. Ein Schlagschatten ist in BEIDEN Fassungen
        schwarz - an den Grund gebunden wuerde er in der hellen Fassung verschwinden.
        Gebunden wird deshalb die STAERKE und nicht die Farbe.
        Hell = 1: jeder Schattenwert bleibt BITGLEICH zu dem, was vorher dastand. */
  --lx-schatten-f: 1;
  /* ⭐ 09.09.2026, Freigabe Dirk: DER SCHLEIER AUF DEM GRUND.
     30 Stellen trugen einen WEISSEN Schleier - auf hellem Grund unsichtbar (Abstand 0-2
     von 255), auf dunklem richtig. Sie wurden fuer die dunkle Fassung geschrieben und von
     der hellen unveraendert geerbt. Ab jetzt traegt jede Fassung ihre eigene Tinte. */
  --lx-schleier-rgb: 26,26,28;
  /* ⛔⛔ [[R2074]] 09.09.2026: DIE ABDUNKELUNG IST EINE EIGENE ROLLE.
     Sie hing an `--lx-text-rgb` — und die KEHRT SICH mit der Fassung um: in der dunklen
     Fassung ist die Textrolle `236,236,236`, und aus dem Schleier wurde ein HELLGRAUER
     Vorhang (gemessen `rgb(137,137,137)`; `Löschen` 1,11:1, die Goldknoepfe 1,45:1).
     ⭐ EINE ABDUNKELUNG MUSS IN BEIDEN FASSUNGEN DUNKELN. Deshalb eine eigene Rolle,
     die keiner anderen folgt. Der HELLE Wert ist bitgleich zu dem, was vorher dastand:
     `--lx-text-rgb` war hier hell 26,26,28 bei Deckung 0,55. */
  --lx-abdunkelung: rgba(26,26,28,0.55);

  /* ⭐ [[R2073]] 09.09.2026: DIE ROLLEN DES BETRACHTERS.
     `lxpdfbetrachter.js` ist die ZWEITE ausgelieferte Datei. Sie band bereits
     Grund, Flaeche, Rahmen, Text und Akzent - zwoelf Werte standen aber OHNE Rolle
     da und blieben deshalb in der dunklen Fassung hell stehen.
     ⛔ JEDER HELLE WERT HIER IST BITGLEICH ZU DEM, WAS VORHER IN DER DATEI STAND. */
  --lx-flaeche-2:        #f2efe8;   /* Schwebeflaeche eines Knopfes */
  --lx-flaeche-gewaehlt: #efe9db;   /* gedrueckter Knopf (`aria-pressed`) */
  --lx-rahmen-gewaehlt:  #c9bfa4;   /* sein Rahmen */
  --lx-papier-umfeld:    #efece5;   /* die Flaeche, auf der die Blaetter liegen */
  /* ⚠ AUSDRUECKLICH FASSUNGSUNABHAENGIG - und der Grund steht dabei, statt zu fehlen:
     ein Blatt Papier ist in BEIDEN Fassungen weiss. Wer es umkehrt, macht aus dem
     Dokument ein anderes Dokument. Dasselbe gilt fuer die Marken, die DARAUF liegen. */
  --lx-papier:           #ffffff;
  --lx-fundmarke:        #c9a227;
  --lx-fundmarke-jetzt:  #b3341a;
  /* ⭐ [[R2081]] 09.09.2026: die Sucherflaeche der Kamera. ⚠ AUSDRUECKLICH
     FASSUNGSUNABHAENGIG: hinter dem Kamerabild ist Schwarz in beiden Fassungen
     richtig - es ist kein Grund, sondern die Abwesenheit von Bild. */
  --lx-sucher:           #000000;
  /* Ruhende Feldflaeche: nicht gewaehlter Schalter, nicht gewaehlte Zeile. */
  --lx-feld-ruhe: rgba(0,0,0,0.2);
  /* Schleier auf einer hellen FLAECHE (Briefpapier). ⚠ AUSDRUECKLICH
     FASSUNGSUNABHAENGIG: das Papier ist in beiden Fassungen weiss. Ausgewiesen
     statt in eine Rolle gepresst (Paragraf 17/21). */
  --lx-schleier-auf-papier: rgba(0,0,0,0.05);
  --lx-rahmen-auf-papier:   rgba(0,0,0,0.12);
}
:root[data-lx-thema="dunkel"]{
  /* R2712 Schaltpult Nacht (vorher #0f0f10 / #17181a, Paragraf 11) */
  --lx-grund:      #070B14;
  --lx-flaeche:    #0E1524;
  --lx-text:       #ececec;   /* 16,22:1 */
  --lx-text-2:     #b9b9b9;   /*  9,76:1 */
  --lx-akzent:     #c9a227;   /*  7,92:1 */
  --lx-akzent-schrift: #0f0f10; /* 7,92:1 */
  /* ⛔ DUNKEL BLEIBT DER VOLLE AKZENT, und das ist gemessen und kein Versehen:
     auf der dunklen Toenung traegt er mit 5,22 bzw. 5,11 bereits. Eine DUNKLERE
     Schrift wuerde dort VERSCHLECHTERN (auf 4,27 bzw. 4,18). */
  --lx-akzent-2:   #c9a227;
  --lx-warnung:    #e0705a;   /*  6,05:1 */
  --lx-bestaetigt: #5cb98a;   /*  7,99:1 */
  --lx-rahmen:     #24324A;   /* R2712 (vorher #2a2b2e) */
  --lx-akzent-rgb:     201,162,39;
  --lx-warnung-rgb:    224,112,90;
  --lx-bestaetigt-rgb: 92,185,138;
  --lx-info:           #7fb3e0;   /*  7,64:1 */
  --lx-info-rgb:       127,179,224;
  --lx-text-rgb:       236,236,236;
  --lx-grund-rgb:      7,11,20;   /* R2712 (vorher 15,15,16) */
  /* Auf #0f0f10 hebt ein schwacher schwarzer Schatten nichts mehr ab. */
  --lx-schatten-f: 1.45;
  --lx-schleier-rgb: 255,255,255;
  /* Dunkel: schwarz und dichter - auf `#0f0f10` traegt 0,55 Schwarz zu wenig. */
  --lx-abdunkelung: rgba(0,0,0,0.72);
  --lx-flaeche-2:        #16203A;   /* R2712 (vorher #202124) */
  --lx-flaeche-gewaehlt: #2b2718;
  --lx-rahmen-gewaehlt:  #5a5231;
  --lx-papier-umfeld:    #05080F;   /* R2712 (vorher #0b0b0c) */
  /* --lx-papier, --lx-fundmarke und --lx-fundmarke-jetzt bleiben BEWUSST ungesetzt:
     sie gelten in beiden Fassungen gleich (siehe Begruendung oben). */
  --lx-feld-ruhe: rgba(255,255,255,0.05);
}
html,body{
  background: var(--lx-grund);
  color: var(--lx-text);
  font-family: var(--lx-schrift-text);
  font-size: var(--lx-grund-px);
  line-height: var(--lx-zeile);
}
h1,h2,h3,h4{font-family: var(--lx-schrift-titel); line-height:1.25; font-weight:600}
h1{font-size:var(--lx-h1)} h2{font-size:var(--lx-h2)}
h3{font-size:var(--lx-h3)} h4{font-size:var(--lx-h4)}
/* Fliesstext bleibt lesbar breit - 72 Zeichen, nicht die ganze Bildschirmbreite */
.lx-fliesstext{max-width: var(--lx-zeilenlaenge)}

/* ═══ R2712 SCHALTPULT (Wort Dirks 05.10.2026, Kennwerte Dirks) – Bereichsfarben, Edelsteine, Chromgold ═══
   Schrift-Ton (--lxg-<bereich>) und Stein-Ton (--lxg-stein-<bereich>) getrennt: im Hellmodus tragen Smaragd #0E8F57 (3,65:1),
   Aquamarin #0A8C8A (3,61:1) und Onyx #8A6A1A (4,46:1) als SCHRIFT kein AA – als Stein/Rahmen (3:1) schon. Die Schriftstufe ist
   derselbe Ton, nur dunkler (Smaragd/Aquamarin 13 %, Onyx 2 %). Kontraste gegen #EEF1F6 / #FFFFFF bzw. #070B14 / #0E1524. */
@font-face{font-family:"Atkinson Hyperlegible";src:url("/fonts/atkinson-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url("/fonts/atkinson-700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{
  --lxg-start:#876719;      /* Onyx-Schrift  4,66 / 5,27 */      --lxg-stein-start:#8A6A1A;
  --lxg-faelle:#1F5FD1;     /* Saphir        5,13 / 5,81 */      --lxg-stein-faelle:#1F5FD1;
  --lxg-schreiben:#7B3FD0;  /* Amethyst      5,35 / 6,06 */      --lxg-stein-schreiben:#7B3FD0;
  --lxg-fristen:#C81E3C;    /* Rubin         5,00 / 5,67 */      --lxg-stein-fristen:#C81E3C;
  --lxg-unterlagen:#0C7C4B; /* Smaragd-Schrift 4,64 / 5,25 */    --lxg-stein-unterlagen:#0E8F57;
  --lxg-konto:#5B6B80;      /* Platin        4,81 / 5,44 */      --lxg-stein-konto:#5B6B80;
  --lxg-assistent:#087978;  /* Aquamarin-Schrift 4,62 / 5,23 */  --lxg-stein-assistent:#0A8C8A;
  /* Chromgold: Knopfgrund nur aus den drei hellen Stufen (dunkle Schrift 16,35 / 10,93 / 4,93), die dunkelste nur als Kante (2,02 unter Schrift) */
  --lxg-chrom: linear-gradient(135deg,#FFF1B8 0%,#E8C35A 48%,#A97C1E 100%);
  --lxg-chrom-kante:#5E430B; --lxg-chrom-schrift:#1A1206;
  /* Rahmen hell: helles Gold traegt auf #EEF1F6 nur 1,0-1,5 - hier die dunklen Stufen (3,32 / 8,12) */
  --lxg-chrom-rahmen: linear-gradient(135deg,#A97C1E,#5E430B);
}
:root[data-lx-thema="dunkel"]{
  --lxg-start:#C9A54A;      /* Onyx      8,40 / 7,79 */   --lxg-stein-start:#C9A54A;
  --lxg-faelle:#3D8BFF;     /* Saphir    5,94 / 5,50 */   --lxg-stein-faelle:#3D8BFF;
  --lxg-schreiben:#B26BFF;  /* Amethyst  6,04 / 5,59 */   --lxg-stein-schreiben:#B26BFF;
  --lxg-fristen:#FF3B5C;    /* Rubin     5,65 / 5,24 */   --lxg-stein-fristen:#FF3B5C;
  --lxg-unterlagen:#19E08A; /* Smaragd  11,31 / 10,48 */  --lxg-stein-unterlagen:#19E08A;
  --lxg-konto:#C7D2E0;      /* Platin   12,86 / 11,92 */  --lxg-stein-konto:#C7D2E0;
  --lxg-assistent:#21E6E0;  /* Aquamarin 12,61 / 11,69 */ --lxg-stein-assistent:#21E6E0;
  --lxg-chrom-rahmen: linear-gradient(135deg,#FFF1B8,#E8C35A 50%,#A97C1E);   /* 17,36 / 11,61 / 5,24 auf #070B14 */
}
