/* ================= DARKISH MODE - "AESTHETIC LIGHT ABSTRACTS" ================= */

[data-theme="darkish"] {
    --accent-primary: #ffffff;
    --accent-secondary: #a0a0a0;
    --glass-border: rgba(255, 255, 255, 0.15);
}

/* Force RGB colors on welcome screen (unchanged) */
#welcomeScreen {
    --bg-primary: #050a15 !important;
    --accent-primary: #00C9FF !important;
    --accent-secondary: #92FE9D !important;
}

/* 1. BACKGROUND: ABSTRACT LIGHT ART (Static) */
[data-theme="darkish"] body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #020204;

    /* Aesthetic Color Theory Abstracts */
    background-image:
        /* 1. Deep "Void" Gradient */
        radial-gradient(circle at 50% 50%, rgba(10, 10, 15, 1) 0%, #000000 100%),

        /* 2. Abstract Color Lights (Cyan/Purple/Blue - Analogous Harmony) */
        radial-gradient(at 80% 0%, rgba(50, 100, 200, 0.15) 0%, transparent 50%),
        /* Soft Blue Top Right */
        radial-gradient(at 0% 50%, rgba(90, 40, 150, 0.12) 0%, transparent 50%),
        /* Deep Purple Left */
        radial-gradient(at 80% 100%, rgba(40, 150, 150, 0.1) 0%, transparent 60%),
        /* Teal Bottom Right */

        /* 3. "Light Waves" / Curvy Reflections */
        conic-gradient(from 45deg at 50% 50%, transparent 0deg, rgba(255, 255, 255, 0.03) 20deg, transparent 60deg),
        radial-gradient(ellipse 100% 40% at 50% 100%, rgba(255, 255, 255, 0.04) 0%, transparent 50%);

    background-blend-mode: screen;
    /* Blends lights beautifully */
    z-index: -2;
    pointer-events: none;
}

/* DISABLE ANIMATIONS */
[data-theme="darkish"] .floating-orbs,
[data-theme="darkish"] .particle-field,
[data-theme="darkish"] .grid-overlay,
[data-theme="darkish"] .logo-pulse,
[data-theme="darkish"] .btn-glow,
[data-theme="darkish"] .input-glow,
[data-theme="darkish"] .thinking-dots,
[data-theme="darkish"] .typing-indicators {
    display: none !important;
    animation: none !important;
}

/* 2. "STATIC LIQUID" GLASS UI */
[data-theme="darkish"] .glass-panel-shared,
[data-theme="darkish"] #userHamburgerMenu,
[data-theme="darkish"] .online-modal-content,
[data-theme="darkish"] #tttGameWindow,
[data-theme="darkish"] .dm-window,
[data-theme="darkish"] .settings-window,
[data-theme="darkish"] .profile-view-modal,
[data-theme="darkish"] .drixy-chat-window,
[data-theme="darkish"] .social-container,
[data-theme="darkish"] .menu-bar,
[data-theme="darkish"] .user-item,
[data-theme="darkish"] .setting-card,
[data-theme="darkish"] .message-bubble {

    /* Strong Blur for frosted aesthetic */
    backdrop-filter: blur(25px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(120%) !important;
    filter: none !important;

    /* Textured Light Overlay (Static) */
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.01) 100%),
        rgba(15, 15, 20, 0.75) !important;

    /* "Rim Light" Borders */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;

    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.5),
        inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
    /* Inner rim */

    transform: translateZ(0);
}

/* User List Item Tweaks */
[data-theme="darkish"] .user-item {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

[data-theme="darkish"] .user-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Inputs */
[data-theme="darkish"] input,
[data-theme="darkish"] textarea {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

[data-theme="darkish"] input:focus,
[data-theme="darkish"] textarea:focus {
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.05) !important;
}

/* Buttons */
[data-theme="darkish"] .start-btn,
[data-theme="darkish"] .frost-button {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02)) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: white !important;
}

[data-theme="darkish"] .start-btn:hover,
[data-theme="darkish"] .frost-button:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05)) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Transitions */
[data-theme="darkish"] * {
    transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}