:root {
    --hero-logo-color: var(--yellow);
    --gradient-inner: var(--yellow-dark);
    --planet-glow-blue: rgba(255, 166, 0, 0.45);
    --planet-glow-light: rgba(255, 184, 58, 0.5);
    --planet-glow-dark: rgba(49, 32, 0, 0.35);
    --planet-surface: rgb(42, 28, 8);
    --planet-inset-glow: rgb(180, 110, 0);
    --planet-atmosphere: rgba(255, 200, 80, 0.55);

    /* Atmosphere colors */
    --atmosphere-cyan: rgba(255, 200, 120, 0.28);
    --atmosphere-purple: rgba(255, 140, 40, 0.35);
    --atmosphere-pink: rgba(255, 166, 0, 0.45);
    --atmosphere-orange: rgba(255, 120, 40, 0.32);
    --atmosphere-green: rgba(200, 160, 60, 0.25);
}

.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;
}