/* ============================================================
   PRESTIGE · dunkles Farbschema fuer Importseite und Konfigurator
   Wird NACH den seiteneigenen Stilen geladen und ueberschreibt
   nur Farben, nicht den Aufbau. Die Seiten selbst behalten ihre
   Variablennamen, deshalb genuegt es, die Werte hier zu drehen.
   Dashboard und Verwaltung laden diese Datei nicht und bleiben
   hell, sie sind Arbeitsflaechen.
   ============================================================ */

:root{
  color-scheme:dark;
  --paper:#07070A;
  --white:#0F0F13;           /* Flaechen: Karten, Felder, Tabellen */
  --ink:#F4F1EA;            /* Text */
  --ink2:#1B1B21;           /* dunkle Kopfflaechen in Karten */
  --line:rgba(244,241,234,.16);
  --muted:#9A9690;
  --gold:#BE9B4A;
  --gold-lt:#D2B467;
  --gold-soft:rgba(190,155,74,.13);
  --green:#8DBF9B;
  --green-soft:rgba(110,170,125,.16);
  --red:#D98A8A;
  --red-soft:rgba(190,90,90,.16);
  --sh:none;
  --shadow:none;
}
body{background:var(--paper);color:var(--ink);font-family:var(--pd-text,'Inter Tight','Segoe UI',system-ui,sans-serif)}
h1,h2,h3,h4{color:var(--ink)}

/* ---- Flaechen, die im hellen Schema hart auf Weiss standen ---- */
.specs,.taxpanel,tr:nth-child(even) td,.bd:hover summary{background:rgba(244,241,234,.035)}
.bd[open] summary,.bd[open]:hover summary{background:var(--gold-soft)}
.rechnerimg,.carimg,.tmimg,.vid,.slot{background:linear-gradient(135deg,#15151A,#0C0C10)}
.tapHint{background:var(--white);color:var(--muted)}
.car{border-color:var(--line)}
.car:hover,.car.on,.car.top{border-color:var(--gold)}
.mietbox{background:var(--gold-soft);border-color:rgba(190,155,74,.45)}
.mietbox span:first-of-type{color:var(--ink)}
.mietbox input[type=number]{background:#0A0A0D;color:var(--ink);border-color:rgba(190,155,74,.45)}
.saving{background:#15151A;border:1px solid var(--line)}
.saving .sl{color:var(--muted)}
.cta{background:#0F0F13;border:1px solid var(--line)}
th{background:#17171D;color:var(--ink);border-bottom:1px solid var(--line)}
td{border-bottom-color:var(--line)}
.ph-n{background:#17171D;border:1px solid var(--line)}
.rw.tot{border-top-color:var(--gold)}

/* Linien, die vorher helles Beige waren */
.cr,.rw,.brow,.price li,.ph-body li,.zz,.ablauf .s{border-bottom-color:var(--line)}
.gcell{border-right-color:var(--line)}
.eye .num,.case .cn{color:rgba(244,241,234,.16)}

/* ---- Text in abgesetzten Grautoenen ---- */
.case p,.eye p,.card p,.warn p,.price li,.ph-body,.brows p,.rw .l,.brow span,.glabel,.lg em,.tmb>p,
.zustimmung label,.rahmen-hinweis{color:#C9C5BC}
.case .quote{color:#D9B3B3;border-left-color:rgba(217,138,138,.4)}
.mietbox .mtag,.tag-you{background:var(--gold-soft);color:var(--gold-lt)}
.tag-us{background:rgba(244,241,234,.08);color:#C9C5BC}
.tag-ext{background:rgba(217,138,138,.14);color:#E4B0B0}
.ph-note,.rahmen-hinweis{background:var(--gold-soft);color:var(--ink)}
.eye .ei,.doc .ic-b{background:var(--gold-soft);color:var(--gold-lt)}
.badge.thin{background:rgba(190,155,74,.16);color:var(--gold-lt)}
.badge.neg{background:var(--red-soft);color:var(--red)}
.badge.nodata{background:rgba(244,241,234,.07);color:var(--muted)}
.b-us{background:#6C6A64}.b-ext{background:#8C8366}
.gnow{border-left-color:#D98A8A}
.price .pp,.cr .v.big,.rw.tot .a,.brow.tot b{color:var(--gold-lt)}
.who{color:var(--gold-lt)}
.saving.neg .sa{color:#E4B0B0}

/* ---- Eingabefelder ---- */
select,input[type=number],input[type=text],input[type=email],input[type=password],
input[type=date],input[type=time],textarea{
  background:#0A0A0D;color:var(--ink);border-color:var(--line)}
select option{background:#0F0F13;color:var(--ink)}
input[type=range]{accent-color:var(--gold)}
.taxToggle,.tick.goal{color:var(--gold-lt)}

/* ---- Bausteine des Konfigurators ---- */
.kachel,.chip,.dreiweg button{background:var(--white)}
.kachel.gewaehlt,.chip.gewaehlt{background:var(--gold-soft)}
.dreiweg button.an[data-w="muss"]{background:var(--gold);border-color:var(--gold);color:#07070A}
.dreiweg button.an[data-w="schoen"]{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-lt)}
.dreiweg button.an[data-w="egal"]{background:rgba(244,241,234,.08);border-color:var(--line);color:#C9C5BC}
.mussliste em{background:var(--gold);color:#07070A}
.mussliste em.schoen{background:var(--gold-soft);color:var(--gold-lt)}
.fortschritt div{background:rgba(244,241,234,.16)}
.fortschritt div.fertig{background:#6B5B2A}
.zus{background:var(--white)}
.btn-primary{background:var(--gold);color:#07070A}
.btn-primary:hover{background:var(--gold-lt)}
.btn-ghost{background:var(--gold-soft);color:var(--gold-lt)}
.btn-ghost:hover{background:rgba(190,155,74,.22)}
.msg.ok{color:#BFE0C9}.msg.err{color:#E8B4B4}.msg.info{color:var(--gold-lt)}

/* Links im Fuss und in Texten */
footer,footer a{color:var(--muted)}
a{color:inherit}
::selection{background:rgba(190,155,74,.35)}