body {
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    overflow: hidden;
}

.solar-system {
    width: 800px;
    height: 800px;
}

svg {
    width: 100%;
    height: 100%;
}

.sun {
    fill: #ffcc00;
    filter: drop-shadow(0 0 20px #ffcc00);
}

.orbit {
    fill: none;
    stroke: rgba(255, 255, 255, 0.2);
}

.planet {
    /* color provided per-planet via SVG fill attribute */
    fill: inherit;
}

/* Per-planet colors */
#planet-mercury { fill: #b1b1b1; }
#planet-venus   { fill: #d6c080; }
#planet-earth   { fill: #2e7dd1; }
#planet-mars    { fill: #c1440e; }
#planet-jupiter { fill: #c88f5a; }
#planet-saturn  { fill: #d9c27a; }
#planet-uranus  { fill: #7fcfe9; }
#planet-neptune { fill: #3455db; }

/* Optional: per-orbit styles (same stroke for now) */
.orbit { stroke: rgba(255, 255, 255, 0.2); }