/* Werkzeugkasten · Stil „Papier“ (aus krtn, token.css nach E-D-2 vom 26.09.2026)
   Ein Tisch, darauf Karten. Die Hülle (Tisch, Zettel, Menü, Knöpfe, Eingaben) ist flach und ruhig in warmem Grau;
   Papier, Struktur und Handschrift gibt es NUR auf der Karte selbst (.papier-karte).
   Schrift immer in Graphit; Grün, Rot und Akzent nur für Grafik, nicht für Text.
   „Schreibtisch bei Nacht“: dunkel bleibt Papier warm, nie schwarz.
   Braucht tokens.css (design-grundlagen ≥ 0.2) und schriften.css aus diesem Baustein.
   Werte mit (*) sind vom Werkzeugkasten ergänzt, krtn hat dafür keinen eigenen Namen. */
[data-stil="papier"] {
  --wk-grund-h: #D5CEC4;          --wk-grund-d: #262320;       /* Tisch „Holz“ */
  --wk-flaeche-h: #F6F5F2;        --wk-flaeche-d: #322F2C;     /* Zettel, Dialoge, Zeilen */
  --wk-flaeche-2-h: #ECEAE6;      --wk-flaeche-2-d: #46423D;   /* Hover */
  --wk-auswahl-h: #E4EAF3;        --wk-auswahl-d: #33405A;
  --wk-text-h: #34312D;           --wk-text-d: #EEE9E1;        /* Graphit */
  --wk-text-2-h: #34312D;         --wk-text-2-d: #EEE9E1;
  --wk-text-leise-h: #524B43;     --wk-text-leise-d: #DDD6CA;
  --wk-linie-h: #CFC8BE;          --wk-linie-d: #4A4540;       /* (*) Haarlinie */
  --wk-linie-stark-h: #6B645B;    --wk-linie-stark-d: #B0A99E; /* krtn --linie */
  --wk-akzent-h: #2B4C7E;         --wk-akzent-d: #8FB0E0;      /* Tintenblau */
  --wk-auf-akzent-h: #FFFFFF;     --wk-auf-akzent-d: #262320;
  --wk-haupt-h: #E4EAF3;          --wk-haupt-d: #33405A;       /* Hauptknopf: blasses Blau, Schrift Graphit */
  --wk-auf-haupt-h: #34312D;      --wk-auf-haupt-d: #EEE9E1;
  --wk-fokus-h: #2B4C7E;          --wk-fokus-d: #8FB0E0;
  --wk-gut-h: #3F7D4E;            --wk-gut-d: #8CC79A;         /* Grünstift */
  --wk-gut-flaeche-h: #E2EDE3;    --wk-gut-flaeche-d: #2C3A2E; /* (*) */
  --wk-gut-text-h: #34312D;       --wk-gut-text-d: #EEE9E1;    /* Schrift bleibt Graphit */
  --wk-gut-rand-h: #3F7D4E;       --wk-gut-rand-d: #8CC79A;
  --wk-achtung-h: #B07A12;        --wk-achtung-d: #E2B65A;     /* (*) */
  --wk-achtung-flaeche-h: #F4EAD4; --wk-achtung-flaeche-d: #4A4034; /* Chamois */
  --wk-achtung-text-h: #34312D;   --wk-achtung-text-d: #EEE9E1;
  --wk-achtung-rand-h: #B07A12;   --wk-achtung-rand-d: #E2B65A;
  --wk-fehler-h: #B8423A;         --wk-fehler-d: #F0B7B2;      /* Rotstift */
  --wk-fehler-flaeche-h: #F5E3E0; --wk-fehler-flaeche-d: #45302D; /* (*) */
  --wk-fehler-text-h: #34312D;    --wk-fehler-text-d: #EEE9E1;
  --wk-schleier-h: rgba(52,49,45,.28); --wk-schleier-d: rgba(10,7,5,.5);
  --wk-schatten-1-h: 0 1px 2px rgba(40,36,32,.08), 0 3px 10px rgba(40,36,32,.07);
  --wk-schatten-1-d: 0 1px 2px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.28);
  --wk-schatten-2-h: 0 1px 2px rgba(40,36,32,.08), 0 3px 10px rgba(40,36,32,.07);
  --wk-schatten-2-d: 0 1px 2px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.28);
  --wk-schatten-3-h: 0 1px 1px rgba(52,40,25,.18), 0 6px 14px rgba(52,40,25,.16);
  --wk-schatten-3-d: 0 1px 1px rgba(0,0,0,.4), 0 8px 18px rgba(0,0,0,.45);

  --wk-radius-s: 6px; --wk-radius-m: 10px; --wk-radius-l: 10px; --wk-radius-xl: 14px; --wk-radius-rund: 999px;
  --wk-schrift: "Noto UI", system-ui, sans-serif;
  --wk-schrift-anzeige: "Kalam", "Noto UI", system-ui, sans-serif;    /* Wortmarke, Stapel */
  --wk-schrift-lesen: "Patrick Hand", "Noto UI", system-ui, sans-serif; /* Text AUF der Karte */
  --wk-groesse-titel: 26px; --wk-groesse-abschnitt: 20px; --wk-groesse-gross: 18px;
  --wk-groesse-text: 17px; --wk-groesse-klein: 15px;
  --wk-gewicht-titel: 700; --wk-gewicht-abschnitt: 700; --wk-gewicht-stark: 700;
  --wk-laufweite-titel: 0;

  /* Eigene Werte: Papier der Karte (Chamois) */
  --papier-karte-h: #EBDDBF; --papier-karte-d: #4A4034;
  --papier-karte: var(--wk-wenn-hell, var(--papier-karte-d)) var(--wk-wenn-dunkel, var(--papier-karte-h));
  --papier-struktur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .29 0 0 0 0 .18 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
}
/* Die Karte: einziges Element mit Papier, Struktur und Handschrift */
[data-stil="papier"] .papier-karte { background: var(--papier-struktur), var(--papier-karte); color: var(--wk-text);
  font: 400 22px/1.3 var(--wk-schrift-lesen); border-radius: 3px 5px 4px 6px / 5px 3px 6px 4px;
  box-shadow: var(--wk-schatten-3); padding: 18px 20px; }
[data-stil="papier"] .wk-h1 { font-family: var(--wk-schrift-anzeige); }
[data-stil="papier"] .wk-h1 em, [data-stil="papier"] .wk-h2 em { color: var(--wk-akzent); }   /* Hauptknopf ist blass */