:root {
    --hero-logo-color: var(--blue);
    --gradient-inner: var(--yellow-darker);
    --planet-glow-blue: rgba(153, 255, 0, 0.574);
    --planet-glow-light: rgba(255, 183, 0, 0.4);
    --planet-glow-dark: rgba(4, 0, 49, 0.3);
    --planet-surface: rgb(0, 0, 0);
    --planet-inset-glow: rgb(6, 57, 13);
    --planet-atmosphere: rgba(0, 255, 174, 0.674);
    
    /* Atmosphere colors */
    --atmosphere-cyan: rgba(0, 255, 153, 0.3);
    --atmosphere-purple: rgba(0, 178, 68, 0.3);
    --atmosphere-pink: rgba(255, 170, 0, 0.602);
    --atmosphere-orange: rgba(0, 132, 255, 0.3);
    --atmosphere-green: rgba(9, 255, 0, 0.3);
}

.hero-logo, .hero-logo-contrast {
    mask: none;
    -webkit-mask: none;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    mask-position: center;
    -webkit-mask-position: center;
}