/*NAME="True Dark",CREATOR="HeytWIN",CD="2026-03-04",BLURB="A deep, true-black dark mode theme with glassmorphism."*/

/* ========================================================
   TRUE DARK THEME (Aesthetics Only)
   Relies on styles.css for structure
======================================================== */

/* 1. Global Reset & Typography */
body.profile-body {
    background-color: #000000 !important; /* True Black */
    background-image: none !important; /* Removes the purple/blue glow from base styles */
    color: #e2e8f0 !important;
}

/* 2. The Main Profile Card (Glassmorphism) */
.profile-preview {
    background: rgba(10, 10, 10, 0.8) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8) !important;
}

/* 3. Typography Elements */
.username-module h2 {
    color: #ffffff !important;
}

.bio-module p {
    color: #94a3b8 !important; /* Muted slate */
}

/* 4. Avatar & Status Bubble */
.avatar-circle {
    border: 3px solid rgba(255, 255, 255, 0.08) !important;
    background: #111111 !important;
}

.status-thought-bubble {
    background: rgba(20, 20, 20, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #cbd5e1 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.6) !important;
}

/* 5. Link Buttons */
.button-module {
    background: rgba(25, 25, 25, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #f8fafc !important;
}

.button-module:hover {
    background: rgba(40, 40, 40, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 6. Social Pills */
.social-pill {
    background: rgba(25, 25, 25, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
}

.social-pill:hover {
    background: rgba(40, 40, 40, 0.8) !important;
    color: #ffffff !important;
}

/* 7. Integration Cards (Discord, Spotify, Steam) */
.embed-card, .discord-card, .steam-badge, .spotify-card {
    background: rgba(15, 15, 15, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 8. Splash Screen Overrides */
.splash-screen {
    background: #000000 !important;
}

.splash-text {
    color: #ffffff !important;
}