/* ══ MODELLE · ENTFÄRBT-AUFSATZ (15.08.2026) ═════════════════════════════
   Für Vanilla 4. Jordans Ansage: die ganze Seite „erst mal ohne Farbe" —
   Silber, Weiß, Schwarz; das Farbkonzept kommt später.

   Ein AUFSATZ, kein Ersatz — dasselbe Muster wie premium.css und
   engine/anfrage/entfaerbt.css: modelle.css und premium.css bleiben
   geladen und unangetastet (Vanilla 3 benutzt sie weiter), diese Datei
   liegt darüber, gescoped auf `.modelle.entfaerbt`. Klasse weg = Farbe
   zurück.

   ── Was hier NICHT stehen muss ────────────────────────────────────────
   Fast alles läuft schon über die Variablen der Seite: --haze, --accent,
   --ton (modelle.mjs mischt ihn aus --haze/--accent), --linie, --glas.
   Die stehen in Vanilla 4 seit 15.08. auf Neutralwerten — Kartenrand,
   Kicker, Badge, Hover-Tönung, Drahtkörper (koerper.mjs liest dieselben
   Variablen) sind damit von selbst grau.

   Übrig bleiben die HARTEN Literale aus modelle.css, die premium.css
   nicht überschreibt — genau vier Stellen, alle unten:
     · das Tipp-Highlight der Karte (rgba des alten Cyans)
     · die Füllung der ausgezeichneten Karte (Flieder-Verlauf oben)
     · der gefüllte Aufruf der ausgezeichneten Karte (Türkis-Verlauf)
     · der Schatten des Tafel-Aufrufs `.mk-cta` (türkiser Hof)
──────────────────────────────────────────────────────────────────────── */

.modelle.entfaerbt .mk {
  -webkit-tap-highlight-color: rgba(255, 255, 255, .14);
}

.modelle.entfaerbt .mk.ist-beliebt {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .10),
                            color-mix(in srgb, var(--deep) 66%, transparent) 60%),
    color-mix(in srgb, var(--void) 58%, transparent);
}

/* Der gefüllte Aufruf: flaches Hellgrau, fast schwarzer Text (≈16:1),
   Schatten mit Versatz statt farbigem Ring. */
.modelle.entfaerbt .ist-beliebt .mk-more {
  background: #ececf0;
  color: #101014;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .6),
    0 10px 26px -14px rgba(0, 0, 0, .8);
}
@media (hover: hover) {
  .modelle.entfaerbt .mk.ist-beliebt:hover .mk-more { color: #101014; }
}

/* Der Tafel-Aufruf: premium.css setzt Füllung und Kante über Variablen,
   der Schatten kommt aber noch aus modelle.css mit türkisem Hof. */
.modelle.entfaerbt .mk-cta {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 14px 30px -16px rgba(0, 0, 0, .8);
}
@media (hover: hover) {
  .modelle.entfaerbt .mk-cta:hover {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .16),
      0 20px 40px -16px rgba(0, 0, 0, .9);
  }
}