/* ══ ANFRAGE · ENTFÄRBT-AUFSATZ (15.08.2026) ═════════════════════════════
   Für Vanilla 4. Jordans Ansage: die Anfrage-Station 1:1 wie in
   Vanilla 3, aber „vorerst die Farben komplett raus".

   Das hier ist ein AUFSATZ, kein Ersatz — dasselbe Muster wie
   engine/modelle/premium.css. `anfrage.css` bleibt geladen und trägt
   Struktur, Zustände, Responsive und Wizard; diese Datei ändert nur die
   Farbe und ist auf `.anfrage.entfaerbt` gescoped. Damit läuft Vanilla 3
   unverändert weiter, und der Aufsatz lässt sich mit einer Klasse wieder
   abnehmen, wenn die Farbe zurückkommt.

   ── Wie das Entfärben funktioniert ────────────────────────────────────
   anfrage.css kennt keine einzige feste Farbe: alles ist `color-mix` aus
   --haze, --accent, --ton, --linie, --glas, --ink, --ink-dim. Wer diese
   sieben Variablen AUF DER SEKTION neu belegt, hat die ganze Sektion
   entfärbt — Paneel, Kacheln, Schrittanzeige, Felder, Fokusringe,
   Schatten, Textschein. Kein Selektor muss wiederholt werden.

   Drei Stellen kommen NICHT aus den Variablen und brauchen je eine
   Regel, alle unten:
     · `.knopf-primar` — die türkise Füllung ist als Hex im Seitenblatt
       eingebrannt (zeichengleich mit `.btn-primary` der Live-Seite)
     · die zwei Canvas-Flächen des Prüfstands — koerper.mjs (1:1 Live,
       UNANTASTBAR) und die Care-Ringe (anfrage.mjs, festes Cyan) malen
       farbig; ein `filter: grayscale(1)` nimmt es ihnen, ohne dass
       eine geteilte Datei angefasst wird
     · `--ton` setzt anfrage.mjs INLINE auf `var(--accent)` bzw.
       `var(--haze)` — beide zeigen hier auf Neutralwerte, die Inline-
       Regel bleibt also unverändert richtig

   Die Neutralwerte sind KEIN reines Weiß: --haze steht bei einem hellen
   Grau, --accent bei Weiß. So bleibt der Kontrast zwischen „Rahmen" und
   „Betonung" erhalten (aktiver Schritt, gewählte Kachel, Preis), nur
   ohne Farbe. Ein einziges Weiß für beides ließe die Zustände
   zusammenfallen.

   --void bleibt das der Seite (seit 15.08.2026 abends #050506 — die
   ganze Seite ist entfärbt, die Werte hier und in :root von Vanilla 4
   sind gleich; der Aufsatz bleibt trotzdem, weil anfrage.css mit
   Vanilla 3 geteilt ist und die Klasse dort fehlt).
──────────────────────────────────────────────────────────────────────── */

.anfrage.entfaerbt {
  --haze:       #d3d3da;
  --accent:     #f2f2f5;
  --ink:        #f4f4f7;
  /* #a9a9b3 gegen --void: 6,3:1 — bleibt auch bei den .72/.74-Opacities
     aus anfrage.css über 4,5:1 (die Falle steht in vanilla3-live-palette). */
  --ink-dim:    #a9a9b3;
  --linie:      rgba(255, 255, 255, .13);
  --linie-hell: rgba(255, 255, 255, .26);
  --glas:       rgba(24, 24, 32, .5);
}

/* Der gefüllte Knopf: flaches Hellgrau statt Türkis-Verlauf, Text bleibt
   fast schwarz. Kein Schatten, keine Glanzkante — siehe „Kein Licht". */
.anfrage.entfaerbt .knopf-primar {
  background: #ececf0;
  color: #101014;
  box-shadow: none;
}
@media (hover: hover) {
  .anfrage.entfaerbt .knopf-primar:hover {
    background: #ffffff;
    box-shadow: none;
  }
}

/* Der Prüfstand: Drahtkörper und Care-Ringe malen in Cyan/Flieder,
   die Farbe kommt aus den geteilten Modulen. Entsättigt statt umgebaut. */
.anfrage.entfaerbt .an-vitrine canvas { filter: grayscale(1); }

/* ── Kein Licht (Jordan, 15.08.2026) ────────────────────────────────────
   Nach der Farbe auch die Lichteffekte raus. Was bleibt, sind Flächen
   und Kanten; nichts leuchtet, nichts wirft einen Hof.

   Der „weiße Schatten": anfrage.css legt unter das Paneel einen
   versetzten Farbschatten aus `--ton` — mit --ton auf Weiß wurde daraus
   ein heller Nebel unter dem Kasten. Weg damit; die Kante trägt das
   Paneel allein. Dasselbe für den Hof des aktiven Schritts, der
   gewählten Kachel und den Lichtsockel des Prüfstands. */
.anfrage.entfaerbt .an-links h2 em { text-shadow: none; }

.anfrage.entfaerbt .an-paneel {
  background: color-mix(in srgb, var(--glas) 82%, transparent);
  box-shadow: none;
}
.anfrage.entfaerbt .an-stand {
  background: color-mix(in srgb, var(--void) 55%, transparent);
}
.anfrage.entfaerbt .an-schritt.aktiv b { box-shadow: none; }
.anfrage.entfaerbt .an-wahl[aria-pressed="true"] {
  background: color-mix(in srgb, var(--haze) 10%, transparent);
  box-shadow: none;
}
.anfrage.entfaerbt .knopf-primar,
.anfrage.entfaerbt .knopf-primar:hover { box-shadow: none; }

/* Der Punkt bleibt („hier ist jemand"), sein pulsierender Hof nicht. */
.anfrage.entfaerbt .an-puls { animation: none; box-shadow: none; }