/* =========================================================
   W3 RED-BLUE NEON THEME (DARK GLASS HYBRID)
========================================================= */

/* ===== LIGHT SHADES (soft glow mix) ===== */
.w3-theme-l5 {color:#0b0f1a !important; background-color:#e9ecff !important}
.w3-theme-l4 {color:#0b0f1a !important; background-color:#cfd6ff !important}
.w3-theme-l3 {color:#0b0f1a !important; background-color:#9aa7ff !important}
.w3-theme-l2 {color:#fff !important; background:linear-gradient(135deg,#4a5cff,#ff4d6d) !important}
.w3-theme-l1 {color:#fff !important; background:linear-gradient(135deg,#2d3cff,#cc2f4e) !important}

/* ===== DARK CORE (glass base) ===== */
.w3-theme-d1 {color:#fff !important; background-color:#14182a !important}
.w3-theme-d2 {color:#fff !important; background-color:#101426 !important}
.w3-theme-d3 {color:#fff !important; background-color:#0c1020 !important}
.w3-theme-d4 {color:#fff !important; background-color:#080b18 !important}
.w3-theme-d5 {color:#fff !important; background-color:#05070f !important}

/* ===== BASE THEME ===== */
.w3-theme {
    color:#fff !important;
    background:linear-gradient(135deg,#1a1f3a,#2a0f18) !important;
}

/* ===== TEXT THEME ===== */
.w3-text-theme {
    background:linear-gradient(135deg,#5a6cff,#ff4d6d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* ===== BORDER THEME ===== */
.w3-border-theme {
    border:1px solid transparent !important;
    border-image:linear-gradient(135deg,#5a6cff,#ff4d6d) 1 !important;
}

/* ===== LIGHT / DARK ===== */
.w3-theme-light {color:#0b0f1a !important; background-color:#e9ecff !important}
.w3-theme-dark {color:#fff !important; background-color:#05070f !important}

/* ===== ACTION ===== */
.w3-theme-action {
    color:#fff !important;
    background:linear-gradient(135deg,#5a6cff,#ff4d6d) !important;
    box-shadow:0 0 10px rgba(90,108,255,0.4), 0 0 10px rgba(255,77,109,0.4);
}

/* ===== HOVER ===== */
.w3-hover-theme:hover {
    color:#fff !important;
    background:linear-gradient(135deg,#6f7dff,#ff5c7c) !important;
    box-shadow:0 0 12px rgba(90,108,255,0.6), 0 0 12px rgba(255,77,109,0.6);
}

.w3-hover-text-theme:hover {
    background:linear-gradient(135deg,#6f7dff,#ff5c7c);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.w3-hover-border-theme:hover {
    border-image:linear-gradient(135deg,#6f7dff,#ff5c7c) 1 !important;
}
.w3-theme,
.w3-theme-d1,
.w3-theme-d2 {
    backdrop-filter: blur(10px);
    background-color: rgba(15,20,40,0.6) !important;
    border: 1px solid rgba(255,255,255,0.05);
}