/* NAVITAG DARK ANTHRACITE GLASS THEME – FIXED */
html[data-theme="dark"] body{
    background:
        radial-gradient(circle at 16% 18%, rgba(125,211,252,.28) 0, rgba(125,211,252,.12) 12%, transparent 30%),
        radial-gradient(circle at 84% 14%, rgba(96,165,250,.22) 0, rgba(96,165,250,.10) 15%, transparent 34%),
        radial-gradient(circle at 78% 82%, rgba(72,183,73,.12) 0, rgba(72,183,73,.05) 14%, transparent 34%),
        linear-gradient(135deg,#0A0F18 0%,#121826 42%,#172033 100%) !important;
    color:#F8FAFC !important;
}

html[data-theme="dark"] body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 25% 30%, rgba(255,255,255,.055) 0 1px, transparent 2px),
        radial-gradient(circle at 70% 65%, rgba(255,255,255,.04) 0 1px, transparent 2px);
    background-size:42px 42px,58px 58px;
    opacity:.65;
}

html[data-theme="dark"] .landing-page,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .profile-page,
html[data-theme="dark"] .profile-page-body,
html[data-theme="dark"] .privacy-page{
    background:
        radial-gradient(circle at 15% 16%, rgba(125,211,252,.30) 0, rgba(125,211,252,.12) 13%, transparent 32%),
        radial-gradient(circle at 82% 12%, rgba(96,165,250,.24) 0, rgba(96,165,250,.10) 15%, transparent 34%),
        radial-gradient(circle at 72% 86%, rgba(72,183,73,.14) 0, rgba(72,183,73,.05) 14%, transparent 34%),
        linear-gradient(135deg,#0A0F18 0%,#121826 50%,#172033 100%) !important;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .auth-box,
html[data-theme="dark"] .feature-card-fixed,
html[data-theme="dark"] .profile-shell,
html[data-theme="dark"] .navitag-cookie-card{
    background:rgba(17,24,39,.42) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
    backdrop-filter:blur(26px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(26px) saturate(150%) !important;
    color:#F8FAFC !important;
}

html[data-theme="dark"] .feature-item-fixed,
html[data-theme="dark"] .info,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .privacy-meta,
html[data-theme="dark"] .privacy-note,
html[data-theme="dark"] .geo-info-box,
html[data-theme="dark"] .feature-note-fixed{
    background:rgba(15,23,42,.36) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    backdrop-filter:blur(18px) saturate(140%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
}

/* Alle Überschriften und Formularbeschriftungen im Darkmode hell */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .landing-title-fixed,
html[data-theme="dark"] .feature-card-head-fixed h2,
html[data-theme="dark"] .profile-title,
html[data-theme="dark"] .profile-name,
html[data-theme="dark"] .privacy-card h1,
html[data-theme="dark"] .privacy-card h2,
html[data-theme="dark"] label,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] .toggle-row strong,
html[data-theme="dark"] .card label,
html[data-theme="dark"] .card h2,
html[data-theme="dark"] .card h3{
    color:#FFFFFF !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] .small,
html[data-theme="dark"] .landing-subtitle-fixed,
html[data-theme="dark"] .feature-item-fixed span,
html[data-theme="dark"] .privacy-card p,
html[data-theme="dark"] .privacy-card li{
    color:#CBD5E1 !important;
}

html[data-theme="dark"] .feature-item-fixed strong{
    color:white !important;
}

html[data-theme="dark"] .logo-text{
    color:white !important;
}

html[data-theme="dark"] .logo-text span{
    color:#7DD3FC !important;
}

html[data-theme="dark"] .tagline{
    color:rgba(255,255,255,.68) !important;
}

html[data-theme="dark"] .logo-mark{
    background:rgba(255,255,255,.14) !important;
    border:1px solid rgba(255,255,255,.20) !important;
}

html[data-theme="dark"] .btn-primary{
    color:#0A0F18 !important;
    background:linear-gradient(135deg,#FFFFFF,#93C5FD) !important;
    box-shadow:0 16px 36px rgba(125,211,252,.22) !important;
}

html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] a.btn-outline,
html[data-theme="dark"] button.btn-outline{
    color:#FFFFFF !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.24) !important;
}

html[data-theme="dark"] .btn-green{
    color:#061A33 !important;
    background:linear-gradient(135deg,#B6F7C1,#48B749) !important;
}

html[data-theme="dark"] .nav a{
    color:rgba(255,255,255,.78) !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.14) !important;
}

html[data-theme="dark"] .nav a.active,
html[data-theme="dark"] .nav a:hover{
    color:#0A0F18 !important;
    background:linear-gradient(135deg,#FFFFFF,#BFDBFE) !important;
}

html[data-theme="dark"] .input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
    color:#FFFFFF !important;
    background:rgba(15,23,42,.32) !important;
    border:1px solid rgba(255,255,255,.18) !important;
}

html[data-theme="dark"] .input::placeholder,
html[data-theme="dark"] textarea::placeholder{
    color:rgba(255,255,255,.52) !important;
}

html[data-theme="dark"] .badge,
html[data-theme="dark"] .landing-pill-fixed{
    background:rgba(125,211,252,.16) !important;
    color:#E0F2FE !important;
    border:1px solid rgba(125,211,252,.26) !important;
}