/* Lauter Einser · Farbton-Schicht der Startseite (dach-121, 22.09.2026)
   VIER Farbtöne × hell/dunkel = acht vollständige Variablensätze. Werte abgelesen an den
   freigegebenen Mustern (batch-le5/paletten/*.css, jeweils der Satz »lebendig + kräftig«);
   Codex' Code wurde NICHT übernommen, nur die Zahlen.

   Diese Datei ist eine ZUSÄTZLICHE Schicht NACH le-tokens.css und le-papier.css: sie
   überschreibt dieselben --le-*-Namen, die gepinnten Dateien bleiben byte-gleich.
   Jeder Satz führt die volle Namensmenge aus :root von le-tokens.css (Tor test:startseite (i)) —
   eine Palette, die einen Namen vergisst, erbt ihn sonst still aus einer anderen.

   ZWEI Werte weichen bewusst vom Muster ab:
   1. --le-grid-opacity bleibt auf dem le-tokens-Wert. le-papier.css rechnet
      »opacity: calc(var(--le-grid-opacity) * 0.45)«; Codex' 0.62 ergäbe 0.28 — DÜNNERE Linien
      als heute. Kokis »kräftiger« (K1) kommt deshalb als eigene Regel in site.css
      (.writing-area.le-papier::before { opacity: .85 }) und wird im Layout-Tor gemessen.
   2. --le-paper behält die color-mix-Formel aus le-tokens.css; mit --le-stage-mix: 100%
      ist das Ergebnis genau --le-paper-base (wie im Muster), aber test-contrast.mjs rechnet
      weiter mit derselben Formel.
   Dazu: --le-focus-ring bleibt var(--le-margin) wie im Dach, nicht Codex' var(--le-accent). */

/* Heftblau · hell — Muster: paletten/heftblau.css :root[data-tone="lebendig"][data-lines="stark"] */
html[data-ton="heftblau"] {
  --le-paper-base: #d4e6ff;
  --le-paper-panel: #edf4ff;
  --le-ink: #19324c;
  --le-muted: #273c55;
  --le-line: #879ebd;
  --le-margin: #770c29;
  --le-accent: #073979;
  --le-tint: #bdd7f8;
  --le-stage-base: #ffffff;
  --le-stage-mix: 100%;
  --le-grid-opacity: 0.53;
  --le-paper: color-mix(in srgb, var(--le-paper-base) var(--le-stage-mix), var(--le-stage-base));
  --le-line-spacing: 36px;
  --le-stamp-1: #770c29;
  --le-stamp-2: #770c29;
  --le-stamp-3: #770c29;
  --le-stamp-4: #770c29;
  --le-stamp-5: #770c29;
  --le-focus-ring: var(--le-margin);
  --le-font-text: "Literata", Georgia, "Times New Roman", serif;
  --le-font-display: "Atkinson Hyperlegible", "Literata", Georgia, serif;
  --le-font-display-weight: 700;
  color-scheme: light;
}

/* Heftblau · dunkel — Muster: paletten/heftblau.css html.dark[data-tone="lebendig"][data-lines="stark"] */
html[data-ton="heftblau"].dark {
  --le-paper-base: #122e50;
  --le-paper-panel: #1b3a60;
  --le-ink: #f1f9ff;
  --le-muted: #eafbff;
  --le-line: #677d9f;
  --le-margin: #fff5ff;
  --le-accent: #e0feff;
  --le-tint: #244970;
  --le-stage-base: #10151f;
  --le-stage-mix: 100%;
  --le-grid-opacity: 0.53;
  --le-paper: color-mix(in srgb, var(--le-paper-base) var(--le-stage-mix), var(--le-stage-base));
  --le-line-spacing: 36px;
  --le-stamp-1: #fff5ff;
  --le-stamp-2: #fff5ff;
  --le-stamp-3: #fff5ff;
  --le-stamp-4: #fff5ff;
  --le-stamp-5: #fff5ff;
  --le-focus-ring: var(--le-margin);
  --le-font-text: "Literata", Georgia, "Times New Roman", serif;
  --le-font-display: "Atkinson Hyperlegible", "Literata", Georgia, serif;
  --le-font-display-weight: 700;
  color-scheme: dark;
}

/* Löschpapier · hell — Muster: paletten/loeschpapier.css :root[data-tone="lebendig"][data-lines="stark"] */
html[data-ton="loeschpapier"] {
  --le-paper-base: #f8dcd0;
  --le-paper-panel: #fff2e9;
  --le-ink: #43302c;
  --le-muted: #513329;
  --le-line: #b69583;
  --le-margin: #770a27;
  --le-accent: #6c2001;
  --le-tint: #f1c7b2;
  --le-stage-base: #ffffff;
  --le-stage-mix: 100%;
  --le-grid-opacity: 0.53;
  --le-paper: color-mix(in srgb, var(--le-paper-base) var(--le-stage-mix), var(--le-stage-base));
  --le-line-spacing: 36px;
  --le-stamp-1: #770a27;
  --le-stamp-2: #770a27;
  --le-stamp-3: #770a27;
  --le-stamp-4: #770a27;
  --le-stamp-5: #770a27;
  --le-focus-ring: var(--le-margin);
  --le-font-text: "Literata", Georgia, "Times New Roman", serif;
  --le-font-display: "Atkinson Hyperlegible", "Literata", Georgia, serif;
  --le-font-display-weight: 700;
  color-scheme: light;
}

/* Löschpapier · dunkel — Muster: paletten/loeschpapier.css html.dark[data-tone="lebendig"][data-lines="stark"] */
html[data-ton="loeschpapier"].dark {
  --le-paper-base: #41281f;
  --le-paper-panel: #513125;
  --le-ink: #faece1;
  --le-muted: #ffe6d4;
  --le-line: #8a6c59;
  --le-margin: #ffe4ef;
  --le-accent: #ffe8bd;
  --le-tint: #633c2d;
  --le-stage-base: #10151f;
  --le-stage-mix: 100%;
  --le-grid-opacity: 0.53;
  --le-paper: color-mix(in srgb, var(--le-paper-base) var(--le-stage-mix), var(--le-stage-base));
  --le-line-spacing: 36px;
  --le-stamp-1: #ffe4ef;
  --le-stamp-2: #ffe4ef;
  --le-stamp-3: #ffe4ef;
  --le-stamp-4: #ffe4ef;
  --le-stamp-5: #ffe4ef;
  --le-focus-ring: var(--le-margin);
  --le-font-text: "Literata", Georgia, "Times New Roman", serif;
  --le-font-display: "Atkinson Hyperlegible", "Literata", Georgia, serif;
  --le-font-display-weight: 700;
  color-scheme: dark;
}

/* Aprikose · hell — Muster: paletten/aprikose.css :root[data-tone="lebendig"][data-lines="stark"] */
html[data-ton="aprikose"] {
  --le-paper-base: #fae0ad;
  --le-paper-panel: #fff2d4;
  --le-ink: #433625;
  --le-muted: #503b27;
  --le-line: #baa072;
  --le-margin: #7c190f;
  --le-accent: #633300;
  --le-tint: #f5cc82;
  --le-stage-base: #ffffff;
  --le-stage-mix: 100%;
  --le-grid-opacity: 0.53;
  --le-paper: color-mix(in srgb, var(--le-paper-base) var(--le-stage-mix), var(--le-stage-base));
  --le-line-spacing: 36px;
  --le-stamp-1: #7c190f;
  --le-stamp-2: #7c190f;
  --le-stamp-3: #7c190f;
  --le-stamp-4: #7c190f;
  --le-stamp-5: #7c190f;
  --le-focus-ring: var(--le-margin);
  --le-font-text: "Literata", Georgia, "Times New Roman", serif;
  --le-font-display: "Atkinson Hyperlegible", "Literata", Georgia, serif;
  --le-font-display-weight: 700;
  color-scheme: light;
}

/* Aprikose · dunkel — Muster: paletten/aprikose.css html.dark[data-tone="lebendig"][data-lines="stark"] */
html[data-ton="aprikose"].dark {
  --le-paper-base: #3c2d16;
  --le-paper-panel: #4b371d;
  --le-ink: #fdf3dd;
  --le-muted: #fff4d1;
  --le-line: #897653;
  --le-margin: #fff2e7;
  --le-accent: #fff6ad;
  --le-tint: #604728;
  --le-stage-base: #10151f;
  --le-stage-mix: 100%;
  --le-grid-opacity: 0.53;
  --le-paper: color-mix(in srgb, var(--le-paper-base) var(--le-stage-mix), var(--le-stage-base));
  --le-line-spacing: 36px;
  --le-stamp-1: #fff2e7;
  --le-stamp-2: #fff2e7;
  --le-stamp-3: #fff2e7;
  --le-stamp-4: #fff2e7;
  --le-stamp-5: #fff2e7;
  --le-focus-ring: var(--le-margin);
  --le-font-text: "Literata", Georgia, "Times New Roman", serif;
  --le-font-display: "Atkinson Hyperlegible", "Literata", Georgia, serif;
  --le-font-display-weight: 700;
  color-scheme: dark;
}

/* Tintenlila · hell — Muster: paletten/tintenlila.css :root[data-tone="lebendig"][data-lines="stark"] */
html[data-ton="tintenlila"] {
  --le-paper-base: #e6d6fa;
  --le-paper-panel: #f8edff;
  --le-ink: #392e4c;
  --le-muted: #3e2e53;
  --le-line: #a28dbb;
  --le-margin: #6e022f;
  --le-accent: #4f1678;
  --le-tint: #d4bcec;
  --le-stage-base: #ffffff;
  --le-stage-mix: 100%;
  --le-grid-opacity: 0.53;
  --le-paper: color-mix(in srgb, var(--le-paper-base) var(--le-stage-mix), var(--le-stage-base));
  --le-line-spacing: 36px;
  --le-stamp-1: #6e022f;
  --le-stamp-2: #6e022f;
  --le-stamp-3: #6e022f;
  --le-stamp-4: #6e022f;
  --le-stamp-5: #6e022f;
  --le-focus-ring: var(--le-margin);
  --le-font-text: "Literata", Georgia, "Times New Roman", serif;
  --le-font-display: "Atkinson Hyperlegible", "Literata", Georgia, serif;
  --le-font-display-weight: 700;
  color-scheme: light;
}

/* Tintenlila · dunkel — Muster: paletten/tintenlila.css html.dark[data-tone="lebendig"][data-lines="stark"] */
html[data-ton="tintenlila"].dark {
  --le-paper-base: #32204c;
  --le-paper-panel: #412960;
  --le-ink: #f2eafd;
  --le-muted: #f0dfff;
  --le-line: #79688f;
  --le-margin: #ffdbf0;
  --le-accent: #fbdbff;
  --le-tint: #543575;
  --le-stage-base: #10151f;
  --le-stage-mix: 100%;
  --le-grid-opacity: 0.53;
  --le-paper: color-mix(in srgb, var(--le-paper-base) var(--le-stage-mix), var(--le-stage-base));
  --le-line-spacing: 36px;
  --le-stamp-1: #ffdbf0;
  --le-stamp-2: #ffdbf0;
  --le-stamp-3: #ffdbf0;
  --le-stamp-4: #ffdbf0;
  --le-stamp-5: #ffdbf0;
  --le-focus-ring: var(--le-margin);
  --le-font-text: "Literata", Georgia, "Times New Roman", serif;
  --le-font-display: "Atkinson Hyperlegible", "Literata", Georgia, serif;
  --le-font-display-weight: 700;
  color-scheme: dark;
}

/* Die Farbmuster auf den vier Knöpfen im Fuß. Jede Fläche zeigt das Papier des Farbtons
   mit seiner Korrekturrand-Farbe als Rand — nie über ein style=-Attribut (CSP style-src 'self'). */
.ton-muster[data-ton-muster="heftblau"] { background: #d4e6ff; border-color: #770c29; }
.ton-muster[data-ton-muster="loeschpapier"] { background: #f8dcd0; border-color: #770a27; }
.ton-muster[data-ton-muster="aprikose"] { background: #fae0ad; border-color: #7c190f; }
.ton-muster[data-ton-muster="tintenlila"] { background: #e6d6fa; border-color: #6e022f; }