/* ============================================================
   Aviros — Dunkler Premium-Look (Overrides)
   Nach style.css einbinden:  <link rel="stylesheet" href="css/dark.css" />
   ============================================================ */
:root{
  --paper:#0B1411;          /* Seiten-Hintergrund: sehr dunkles Grün-Schwarz */
  --paper-2:#0F1A16;        /* alternierende Abschnitte */
  --card:#142019;           /* Karten */
  --ink:#F2EEE2;            /* Text: warmes Hell */
  --muted:#A9B5AC;          /* gedämpfter Text */
  --line:rgba(242,238,226,.13);
  --accent-soft:rgba(224,161,75,.16);
  --shadow:0 30px 70px -30px rgba(0,0,0,.75);
  --shadow-sm:0 14px 30px -14px rgba(0,0,0,.6);
  --green-ok:#3FA478;
}

/* Header & Topbar */
header{background:rgba(11,20,17,.92)}
header.scrolled{box-shadow:0 4px 24px -16px rgba(0,0,0,.8)}
.menu-btn svg{stroke:var(--ink)}

/* Hero */
.hero::before{background:radial-gradient(circle,rgba(224,161,75,.14),transparent 68%)}
.hero-frame{border-color:var(--accent-2)}
.float-card{background:var(--card);border:1px solid var(--line)}
.float-card .t{color:var(--ink)}
.risk-badges span{color:var(--accent-2)}

/* Proof-Band: vom dunklen Grün abheben */
.proof{background:var(--brand);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Karten & Boxen */
.pain,.prod,.pricebox,.quote,.guarantee{background:var(--card);border-color:var(--line)}
.prod.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm)}
.prod .more{color:var(--accent-2)}
.prod .more:hover{color:var(--accent)}
.pricebox.featured{background:var(--brand)}
.pricebox li .ci{background:var(--accent-soft);color:var(--accent-2)}
.compare.bad{background:var(--card)}
.compare.bad .ci{background:rgba(200,132,58,.18);color:var(--accent-2)}
.guarantee{border-color:var(--green-ok)}
.guarantee h3{color:var(--green-ok)}

/* Schritte */
.step .num{background:var(--card);border:1px solid var(--line);color:var(--accent-2)}

/* Chips & Tabellen */
.chip{background:var(--card);border-color:var(--line)}
.tbl{background:var(--card)}
.tbl td{border-color:var(--line)}

/* FAQ */
.faq .qic{border-color:var(--line)}
.faq.open .qic{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Buttons */
.btn-ghost{border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#0B1411}
.btn-dark{background:var(--accent);color:#fff}
.btn-dark:hover{background:#b3742e}

/* Page-Hero & CTA behalten ihr Tiefgrün – heben sich weiter ab */
.page-hero,.cta-box{border:1px solid var(--line)}

/* Footer & dunkle Flächen: Texte hell halten (nutzen sonst das dunkle --paper) */
footer .logo,.foot-col h4{color:var(--ink)}
.btn-dark,.pricebox.featured .btn-accent{color:#fff}
.compare.good h3,.pricebox.featured h3,.cta-box h2,.page-hero h1{color:#F6F3EC}
.btn-ghost.on-dark{border-color:var(--line);color:var(--ink)}
.btn-ghost.on-dark:hover{background:var(--ink);color:#0B1411}

/* Bilder dezent abdunkeln, damit sie sich einfügen */
.hero-photo img,.split-img img{filter:brightness(.92) saturate(.95)}