/* =====================================================================
   BLUE AIR RECORDS – Globales Dark-Theme (60/30/10)
   60% dunkler Hintergrund · 30% heller Text · 10% Grün (CTA/Highlights)
   Footer: Schwarz mit hellem Text
   ===================================================================== */
:root{
  --bg-main:#0E1116;       /* 60% Hintergrund */
  --bg-card:#161A21;       /* abgesetzte Cards */
  --text-main:#FFFFFF;     /* 30% Überschriften & Menüs */
  --text-muted:#A9B2BE;    /* Fließtext */
  --accent-color:#1DB954;  /* 10% NUR CTA & Highlights */
  --line:#232830;
  --footer-bg:#0B0D12;
  --footer-text:#CFD3DA;
}
html,body{background:var(--bg-main)!important;color:var(--text-muted)!important}
h1,h2,h3,h4,h5,h6{color:var(--text-main)!important}
p,li,dd,td,small,figcaption,blockquote{color:var(--text-muted)}
strong,b{color:inherit}
a{color:var(--text-main);text-decoration:none}
a:hover{color:var(--accent-color)}
hr{border-color:var(--line)!important}

.card,.kpi,.faq-item,.rel,.feature-row,.fi,.panel,.box,.tile,.glass,.pricing,.plan,
.note,.summary-item,.step,.testimonial,.pkg,.tier,.compare-row{
  background:var(--bg-card)!important;border:1px solid var(--line)!important;color:var(--text-muted)!important}
.card-t,.kpi-v,.kpi-val,.kpi-l,.rel-t,.faq-q,.stat-v,.mt,.feature-row b,.pkg h3{color:var(--text-main)!important}
.faq-a,.kpi-sub,.muted,.text-muted,.dim{color:var(--text-muted)!important}

.inp,.sel,input,select,textarea{background:#0B0E13!important;color:var(--text-main)!important;border:1px solid var(--line)!important}
.inp::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted)!important}
.lbl,label{color:var(--text-muted)!important}

.btn{background:#1B2029;color:var(--text-main);border:1px solid var(--line)}
.btn:hover{border-color:var(--accent-color)}
.btn-ghost,.btn-o{background:transparent;color:var(--text-main);border:1px solid var(--line)}
.btn-b,.btn-primary,.btn-solid,.btn-cta,.btn-upload,.btn-v,.cta,.cta-btn,a.cta,button.primary,.primary-btn{
  background:var(--accent-color)!important;color:#072B16!important;border:none!important;font-weight:700!important}
.btn-b:hover,.btn-primary:hover,.btn-solid:hover,.cta:hover,.btn-v:hover{filter:brightness(1.07)}

.yes,.check,.included,.badge-accent,.highlight{color:var(--accent-color)!important}
mark{background:transparent!important;color:var(--accent-color)!important}

table{background:transparent!important}
th{color:var(--text-main)!important;border-color:var(--line)!important}
td{color:var(--text-muted)!important;border-color:var(--line)!important}

.nav-logo,.logo,.brand{color:var(--text-main)!important}
.chip,.tag,.pill{border-color:var(--line)!important}

/* --- Footer: schwarz mit hellem Text --- */
footer,.footer,.site-footer,.foot,.page-footer{background:var(--footer-bg)!important;color:var(--footer-text)!important;border-top:none!important}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6,.footer h3,.footer h4,.footer-h{color:#FFFFFF!important}
footer p,footer li,footer span,.footer p,.footer li,.footer-col a{color:#8A9099!important}
footer a,.footer a{color:var(--footer-text)!important}
footer a:hover,.footer a:hover{color:#FFFFFF!important}