:root {
    --hero-logo-color: var(--green);
    --planet-glow-blue: rgba(40, 167, 69, 0.574);
    --planet-glow-light: rgba(76, 217, 100, 0.608);
    --planet-glow-dark: rgba(20, 83, 35, 0.3);
    --planet-surface: rgb(40, 167, 69);
    --planet-inset-glow: rgb(40, 167, 69);
    --planet-atmosphere: rgba(40, 167, 69, 0.674);
    
    /* Atmosphere colors */
    --atmosphere-cyan: rgba(40, 167, 69, 0.3);
    --atmosphere-purple: rgba(40, 167, 69, 0.3);
    --atmosphere-pink: rgba(76, 217, 100, 0.722);
    --atmosphere-orange: var(--accent-color);
    --atmosphere-green: rgba(40, 167, 69, 0.3);
}

.hero-logo, .hero-logo-contrast {
    /* transform: translate(20%, -50%); */
    mask: url('../../assets/logos/Orbital.svg');
    -webkit-mask: url('../../assets/logos/Orbital.svg');
    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;
}