/* ==========================================================================
   LEVCORE – Darkmode
   Aktiv, wenn <html data-theme="dark"> gesetzt ist (siehe Theme-Skript im Header).
   Wird nach style.css geladen und überschreibt nur Farben.
   ========================================================================== */

/* ---------- Theme-Schalter (immer sichtbar, auch mobil) ---------- */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:var(--panel);color:var(--graphit);cursor:pointer;transition:color .2s ease,background-color .2s ease}
.theme-toggle:hover{color:var(--magenta)}
.theme-toggle:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}
.theme-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-icon-sun{display:none}
html[data-theme="dark"] .theme-toggle .theme-icon-sun{display:block}
html[data-theme="dark"] .theme-toggle .theme-icon-moon{display:none}

/* Logo: im Darkmode die helle Variante zeigen */
.brand .logo-dark{display:none}
html[data-theme="dark"] .brand .logo-light{display:none}
html[data-theme="dark"] .brand .logo-dark{display:block}

/* ---------- Farbwerte ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --magenta:#EE5C98;          /* Text, Linien, Akzente */
  --magenta-dark:#F58AB6;     /* Hover-Text */
  --magenta-fill:#D42A74;     /* Flächen mit weißer Schrift */
  --magenta-fill-hover:#B81F62;
  --magenta-soft:#3A1828;
  --graphit:#ECEDEF;          /* Haupttext */
  --graphit-dunkel:#2A2C32;   /* dunkle Karten / Footer */
  --graphit-fill:#3A3D44;     /* ehemals graphitfarbene Flächen */
  --kreide:#F4F1EB;
  --schiefer:#A5A8AF;
  --sandstein:#7D7A74;
  --page:#141518;
  --panel:#1E1F23;
  --tile-hover:#26282D;
  --line:#30323A;
  --line-strong:#474A53;
}
html[data-theme="dark"] body{background:var(--page);color:var(--graphit)}

/* Magenta-Flächen mit weißer Schrift */
html[data-theme="dark"] ::selection{background:var(--magenta-fill);color:#fff}
html[data-theme="dark"] .button-primary,
html[data-theme="dark"] .header-contact,
html[data-theme="dark"] .price-card.featured .price-cta,
html[data-theme="dark"] .radio-steps li::before,
html[data-theme="dark"] .desk-steps li::before,
html[data-theme="dark"] .to-top:hover .lc-icon,
html[data-theme="dark"] .levdesk-fab:hover,
html[data-theme="dark"] .author-box-photo{background:var(--magenta-fill);color:#fff}
html[data-theme="dark"] .desk-chip input:checked+span,
html[data-theme="dark"] .share-native{background:var(--magenta-fill);border-color:var(--magenta-fill);color:#fff}
html[data-theme="dark"] .button-primary:hover,
html[data-theme="dark"] .header-contact:hover,
html[data-theme="dark"] .price-card.featured .price-cta:hover{background:var(--magenta-fill-hover);color:#fff}
html[data-theme="dark"] .share-native:hover{background:var(--magenta-fill-hover);border-color:var(--magenta-fill-hover);color:#fff}
html[data-theme="dark"] .price-card.featured .price-cta span{color:#fff}

/* Ehemals graphitfarbene Flächen mit weißer Schrift */
html[data-theme="dark"] .skip-link,
html[data-theme="dark"] .price-cta:hover,
html[data-theme="dark"] .levdesk-fab,
html[data-theme="dark"] .pager a[aria-current="page"],
html[data-theme="dark"] .step-no{background:var(--graphit-fill);color:#fff}
html[data-theme="dark"] .channel-whatsapp,
html[data-theme="dark"] .service-option input:checked+span,
html[data-theme="dark"] .news-filter a[aria-current="page"]{background:var(--graphit-fill);border-color:var(--graphit-fill);color:#fff}
html[data-theme="dark"] .channel-whatsapp:hover{background:#4A4D55}
html[data-theme="dark"] .levdesk-fab{box-shadow:0 10px 28px rgba(0,0,0,.45)}
html[data-theme="dark"] .partner-logo{background:#0E0F11}
html[data-theme="dark"] .to-top .lc-icon{background:var(--kreide);color:#1C1D21}

/* Header */
html[data-theme="dark"] .site-header.is-scrolled{background:rgba(20,21,24,.88)}

/* Helle Flächen / Eingabefelder */
html[data-theme="dark"] .button-secondary:hover{background:var(--panel)}
html[data-theme="dark"] .contact-form-grid input:not([type="radio"]):not([type="checkbox"]),
html[data-theme="dark"] .contact-form-grid textarea,
html[data-theme="dark"] .desk-fields input,
html[data-theme="dark"] .desk-fields textarea,
html[data-theme="dark"] .ticket-reply textarea,
html[data-theme="dark"] .dropzone-list li,
html[data-theme="dark"] .att-list a{background:#17181B;color:var(--graphit)}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#7F828A}
html[data-theme="dark"] .toc a:hover,
html[data-theme="dark"] .toc a.is-active{background:var(--tile-hover)}
html[data-theme="dark"] .legal-box p,
html[data-theme="dark"] .legal-box li,
html[data-theme="dark"] .author-box-bio{color:#C9CBD0}

/* Statusfarben */
html[data-theme="dark"] .office-status.is-open,
html[data-theme="dark"] .form-notice.success,
html[data-theme="dark"] .status-closed,
html[data-theme="dark"] .share-copy.is-done{background:#173325;color:#7FD3A3}
html[data-theme="dark"] .status-open{background:#3A2E12;color:#F0C66B}
html[data-theme="dark"] .status-waiting{background:#1B2A44;color:#9DBDF0}
html[data-theme="dark"] .share-whatsapp:hover{color:#4CD27F}
html[data-theme="dark"] .share-linkedin:hover{color:#5AA3F0}
html[data-theme="dark"] .share-facebook:hover{color:#5C9DFF}

/* Navigation: Dropdown & Mega-Menü */
html[data-theme="dark"] .main-nav .nav-mega>summary{background:#3A3D44}
html[data-theme="dark"] .main-nav .nav-mega>summary:hover,
html[data-theme="dark"] .main-nav .nav-mega[open]>summary{background:#4A4D55}
html[data-theme="dark"] .main-nav .nav-mega .mega-panel{background:var(--panel);box-shadow:0 20px 55px rgba(0,0,0,.5)}
html[data-theme="dark"] .main-nav .nav-mega .mega-column h2,
html[data-theme="dark"] .main-nav .nav-mega .mega-link small{color:#9A9DA4}
html[data-theme="dark"] .main-nav .nav-mega .mega-link:hover,
html[data-theme="dark"] .main-nav .nav-mega .mega-link:focus-visible{background:var(--tile-hover)}
html[data-theme="dark"] .main-nav .nav-mega .mega-icon{background:#2E3036;color:var(--graphit)}
@media(max-width:1040px){
  html[data-theme="dark"] .main-nav .nav-mega .mega-panel{background:var(--tile-hover)}
}
@media(max-width:900px){
  html[data-theme="dark"] .main-nav .nav-dropdown[open]>summary{background:var(--tile-hover)}
  html[data-theme="dark"] .main-nav .nav-dropdown-menu{background:#232429}
}

/* Bilder etwas abdunkeln, damit sie nicht blenden */
html[data-theme="dark"] .project-shot img,
html[data-theme="dark"] .news-card-image img,
html[data-theme="dark"] .article-image img{filter:brightness(.92)}

/* Sanfter Übergang beim Umschalten */
html.theme-switching,html.theme-switching *{transition:background-color .25s ease,color .25s ease,border-color .25s ease!important}