/* Darker Cosmic Background - Minimal modifications */
body {
    background-color: #1e1e22;
    background-image:
        /* Distant star field - reduced opacity */
        radial-gradient(circle 1.5px at 10% 15%, rgba(180, 200, 235, 0.6), transparent),
        radial-gradient(circle 1.5px at 30% 25%, rgba(170, 190, 225, 0.5), transparent),
        radial-gradient(circle 2px at 50% 35%, rgba(190, 210, 235, 0.7), transparent),
        radial-gradient(circle 1.5px at 70% 45%, rgba(160, 180, 215, 0.5), transparent),
        radial-gradient(circle 2px at 90% 55%, rgba(180, 200, 225, 0.6), transparent),
        radial-gradient(circle 1.5px at 15% 65%, rgba(170, 190, 225, 0.5), transparent),
        radial-gradient(circle 2px at 35% 75%, rgba(190, 210, 235, 0.7), transparent),
        radial-gradient(circle 1.5px at 55% 85%, rgba(160, 180, 215, 0.5), transparent),
        radial-gradient(circle 2px at 75% 95%, rgba(180, 200, 225, 0.6), transparent),

        /* Brighter stars - reduced brightness */
        radial-gradient(circle 4px at 20% 30%,
            rgba(220, 230, 240, 0.8) 0%,
            rgba(200, 215, 230, 0.4) 30%,
            transparent 70%),
        radial-gradient(circle 3px at 45% 50%,
            rgba(220, 230, 240, 0.8) 0%,
            rgba(200, 215, 230, 0.4) 40%,
            transparent 80%),
        radial-gradient(circle 5px at 70% 70%,
            rgba(230, 235, 240, 0.85) 0%,
            rgba(210, 220, 230, 0.5) 50%,
            transparent 100%),
        radial-gradient(circle 3px at 85% 20%,
            rgba(220, 230, 240, 0.8) 0%,
            rgba(200, 215, 230, 0.4) 30%,
            transparent 70%),
        radial-gradient(circle 4px at 25% 85%,
            rgba(220, 230, 240, 0.8) 0%,
            rgba(200, 215, 230, 0.4) 40%,
            transparent 80%),

        /* Nebulae - reduced opacity */
        radial-gradient(circle at 20% 30%,
            rgba(30, 60, 140, 0.15) 0%,
            rgba(30, 60, 140, 0.08) 20%,
            transparent 50%),
        radial-gradient(circle at 60% 40%,
            rgba(35, 70, 150, 0.15) 0%,
            rgba(35, 70, 150, 0.08) 25%,
            transparent 60%),
        radial-gradient(circle at 40% 70%,
            rgba(25, 50, 130, 0.1) 0%,
            rgba(25, 50, 130, 0.05) 30%,
            transparent 70%),
        radial-gradient(circle at 80% 80%,
            rgba(40, 65, 145, 0.1) 0%,
            rgba(40, 65, 145, 0.05) 35%,
            transparent 75%),

        /* Additional elements - reduced opacity */
        radial-gradient(circle 6px at 5% 10%,
            rgba(220, 230, 240, 0.5) 0%,
            rgba(180, 200, 225, 0.3) 50%,
            transparent 100%),
        radial-gradient(circle 4px at 95% 30%,
            rgba(220, 230, 240, 0.5) 0%,
            rgba(180, 200, 225, 0.3) 50%,
            transparent 100%),
        radial-gradient(circle 3px at 10% 90%,
            rgba(220, 230, 240, 0.5) 0%,
            rgba(180, 200, 225, 0.3) 50%,
            transparent 100%),
        radial-gradient(circle 5px at 90% 90%,
            rgba(220, 230, 240, 0.5) 0%,
            rgba(180, 200, 225, 0.3) 50%,
            transparent 100%);

    background-attachment: fixed;
}

/* Darker overlay for stars */
body.darker-cosmic::before {
    background-image:
        radial-gradient(circle 2px at 15% 25%, rgba(220, 230, 240, 0.5), transparent),
        radial-gradient(circle 2px at 40% 45%, rgba(220, 230, 240, 0.4), transparent),
        radial-gradient(circle 3px at 65% 65%, rgba(230, 235, 240, 0.6), transparent),
        radial-gradient(circle 2px at 85% 85%, rgba(220, 230, 240, 0.4), transparent),
        radial-gradient(circle 3px at 25% 85%, rgba(220, 230, 240, 0.5), transparent),
        radial-gradient(circle 1.5px at 5% 50%, rgba(220, 230, 240, 0.3), transparent),
        radial-gradient(circle 1.5px at 50% 5%, rgba(220, 230, 240, 0.3), transparent),
        radial-gradient(circle 1.5px at 95% 50%, rgba(220, 230, 240, 0.3), transparent),
        radial-gradient(circle 1.5px at 50% 95%, rgba(220, 230, 240, 0.3), transparent);
    opacity: 0.3;
}

/* Dimmed galactic core */
body.darker-cosmic::after {
    background: radial-gradient(
        circle,
        rgba(30, 70, 160, 0.08) 0%,
        rgba(20, 50, 140, 0.04) 40%,
        transparent 80%
    );
    opacity: 0.5;
}

/* Darker particles */
body.darker-cosmic .shimmer-particles::before {
    background-image:
        radial-gradient(circle 1px at 10% 20%, rgba(220, 230, 240, 0.2), transparent),
        radial-gradient(circle 1px at 30% 40%, rgba(220, 230, 240, 0.2), transparent),
        radial-gradient(circle 1px at 50% 60%, rgba(220, 230, 240, 0.2), transparent),
        radial-gradient(circle 1px at 70% 80%, rgba(220, 230, 240, 0.2), transparent),
        radial-gradient(circle 1px at 90% 10%, rgba(220, 230, 240, 0.2), transparent),
        radial-gradient(circle 0.5px at 20% 80%, rgba(220, 230, 240, 0.15), transparent),
        radial-gradient(circle 0.5px at 80% 20%, rgba(220, 230, 240, 0.15), transparent),
        radial-gradient(circle 0.5px at 40% 90%, rgba(220, 230, 240, 0.15), transparent),
        radial-gradient(circle 0.5px at 90% 40%, rgba(220, 230, 240, 0.15), transparent);
    opacity: 0.2;
}