:root {
    --void-bg: #030305;
    --stardust: #e2e8f0;
    --quantum-cyan: #00f0ff;
    --quantum-purple: #b026ff;
    --grid-color: rgba(255, 255, 255, 0.03);
}

/* 1. Map Ghost Colors to MkDocs Material Variables (Dark Mode) */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: var(--void-bg);
    --md-default-fg-color: var(--stardust);
    
    /* Brand Colors */
    --md-primary-fg-color: var(--quantum-purple);
    --md-accent-fg-color: var(--quantum-cyan);
    
    /* Code Blocks (Matches your Terminal Box) */
    --md-code-bg-color: #0a0a0e;
    --md-code-hl-color: rgba(0, 240, 255, 0.15);
}

/* 2. Global Starfield Background */
body {
    background-color: var(--void-bg) !important;
    background-image: 
        radial-gradient(1px 1px at 20px 30px, rgba(255,255,255,0.15), rgba(0,0,0,0)),
        radial-gradient(1px 1px at 40px 70px, rgba(255,255,255,0.1), rgba(0,0,0,0)),
        radial-gradient(2px 2px at 90px 40px, rgba(255,255,255,0.05), rgba(0,0,0,0)) !important;
    background-size: 200px 200px !important;
}

/* 3. Ghost-Style Blurred Header */
.md-header {
    background-color: rgba(3, 3, 5, 0.8) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* 4. Optional Utility Classes for Markdown Injection */
.font-mono-accent { font-family: 'JetBrains Mono', monospace; }
.glow-text-quantum {
    text-shadow: -2px 0 15px rgba(0, 240, 255, 0.6), 2px 0 15px rgba(176, 38, 255, 0.6);
}
.quantum-border {
    border: 1px solid rgba(255,255,255,0.1);
    transition: all 0.3s ease;
}
.quantum-border:hover {
    border-color: rgba(176, 38, 255, 0.4);
    box-shadow: 0 0 20px rgba(176, 38, 255, 0.1);
}


/* 5. Custom Matrix Logo Styling */
.matrix-logo-text {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #ffffff;
}

.quantum-gradient-text {
    background: linear-gradient(to right, var(--quantum-cyan), var(--quantum-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}