/* CSS Custom Properties */
:root {
    --event-horizon: #000000;
    --inner-disk: #0a0f1a;
    --accretion-disk: #15222d;
    --orange-glow: #2c5282;
    --amber-bright: #3b6ba8;
    --star-white: #e6f0ff;
    --light-text: #b8c8d8;
    --accent-gold: #4a7bc4;
    --red-shift: #2c5282;
}

/* Base Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Base Styles */
body {
    font-family: 'Muli', sans-serif;
    background: var(--event-horizon);
    color: var(--light-text);
    overflow-x: hidden;
    line-height: 1.7;
}

/* Cosmic Background */
.cosmic-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, var(--accretion-disk) 0%, var(--inner-disk) 50%, var(--event-horizon) 100%);
    z-index: -2;
}

/* Particle Canvas */
#particles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* Global Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}