/* Theme switcher and light appearance, shared across Starbound pages */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:36px;padding:8px 12px;border:1px solid #425773;border-radius:7px;background:#142033;color:#dce9ff;font:700 12px Inter,Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.theme-toggle:hover{background:#213655;transform:translateY(-1px)}
html[data-theme=light]{color-scheme:light;--bg:#f3f6fc;--panel:#ffffff;--border:#ccd7e7;--blue:#2564c7;--text:#14233b;--ink:#14233b;--muted:#53657e;--line:#ccd7e7}
html[data-theme=light] body{background:linear-gradient(145deg,#f8faff,#edf3fb 70%,#f8faff);color:#14233b}
html[data-theme=light] .site-header,html[data-theme=light] header{background:#fff;border-color:#d7e0ed;color:#14233b}
html[data-theme=light] .brand strong,html[data-theme=light] .logo strong,html[data-theme=light] .nav nav a,html[data-theme=light] .links a,html[data-theme=light] .nav-actions>a{color:#17243a}
html[data-theme=light] .theme-toggle{background:#edf3fc;border-color:#c6d5e8;color:#1b385c}
html[data-theme=light] .theme-toggle:hover{background:#dceaff}
html[data-theme=light] .btn.secondary,html[data-theme=light] .btn:not(.primary){background:#fff;color:#1c3554;border-color:#b8c9df}
html[data-theme=light] .btn.primary,html[data-theme=light] .btn:not(.secondary):not(.theme-toggle){color:#071a32}
html[data-theme=light] .muted,html[data-theme=light] p,html[data-theme=light] .lead{color:#53657e}
html[data-theme=light] .card,html[data-theme=light] .auth-wrap,html[data-theme=light] .pricing-card,html[data-theme=light] .checkout-card,html[data-theme=light] .checkout-panel,html[data-theme=light] .metrics>div,html[data-theme=light] .portal .sidebar,html[data-theme=light] .portal-main .card,html[data-theme=light] .portal-main .welcome{background:#fff;color:#17243a;border-color:#ccd8e9}
html[data-theme=light] .portal .sidebar a{color:#284263}
html[data-theme=light] .portal .sidebar a:hover,html[data-theme=light] .portal .sidebar a.active{background:#e4efff;color:#174e9b}
html[data-theme=light] .dashboard h1,html[data-theme=light] .dashboard h2,html[data-theme=light] .dashboard h3,html[data-theme=light] .card h2,html[data-theme=light] .card h3{color:#14233b}
html[data-theme=light] .portal-main .welcome{background:linear-gradient(110deg,#eaf2ff,#dbeaff);border-color:#c2d6f2}
html[data-theme=light] .pill{background:#edf4ff;color:#31517a;border-color:#c3d5ee}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;color:#162b47;border-color:#b8cbe3}
html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#72839a}
html[data-theme=light] .client-footer,html[data-theme=light] footer{color:#526781;border-color:#d2ddea}
html[data-theme=light] .hero,html[data-theme=light] .section,html[data-theme=light] .closing{color:#14233b}
html[data-theme=light] .hero{background:linear-gradient(130deg,#f7faff,#eaf2ff)}
html[data-theme=light] .hero h1,html[data-theme=light] .section h2,html[data-theme=light] .closing h2{color:#152640}
html[data-theme=light] .scene,html[data-theme=light] .service,html[data-theme=light] .feature,html[data-theme=light] .faq details{background:#fff;color:#17243a;border-color:#cbd9ea}
@media(max-width:700px){.theme-toggle{padding:7px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}

/* Light-mode contrast correction for the bespoke homepage sections.
   The launchpad is deliberately kept dark for image legibility. */
html[data-theme=light] .hero .hero-hosting-intro,
html[data-theme=light] .hero .hero-copy>p{color:#435773}
html[data-theme=light] .hero-feature-list li{color:#243b59}
html[data-theme=light] .hero-prelaunch-note{color:#617995}
html[data-theme=light] .hero-stage{color:#f3f7ff;background:#101e31;border-color:#6b85a8;box-shadow:0 18px 48px #243d6030}
html[data-theme=light] .hero-stage .stage-card{color:#f6f9ff}
html[data-theme=light] .hero-stage .stage-card strong{color:#f6f9ff}
html[data-theme=light] .hero-stage .stage-card small{color:#a9c3e5}
html[data-theme=light] .hero-stage .stage-topline,
html[data-theme=light] .hero-stage .stage-foot{color:#a8c7f0}
html[data-theme=light] .hero-stage .stage-card:hover{background:#253e5e}
html[data-theme=light] .ticker{background:#e5eefb;border-color:#cbd9eb}
html[data-theme=light] .ticker span{color:#29486d}
html[data-theme=light] .ticker strong{color:#b37616}
html[data-theme=light] .features,
html[data-theme=light] #plans,
html[data-theme=light] .faq-section{background:#f0f5fc;color:#172c49}
html[data-theme=light] .section-head h2,
html[data-theme=light] .section-head h2:not(.blue),
html[data-theme=light] .features h2,
html[data-theme=light] #plans h2{color:#172c49}
html[data-theme=light] .section-head p,
html[data-theme=light] .feature p,
html[data-theme=light] .service p,
html[data-theme=light] .panel-banner p,
html[data-theme=light] .faq details p{color:#4d6481}
html[data-theme=light] .feature{background:#fff;color:#14253f;border-color:#75a6e8;box-shadow:0 7px 20px #2748750b}
html[data-theme=light] .feature h3{color:#14253f}
html[data-theme=light] .feature:hover{background:#eaf3ff}
html[data-theme=light] .service{background:linear-gradient(125deg,#e7f1ff,#fff);color:#142b49;border-color:#b9cee7}
html[data-theme=light] .service:nth-child(2){background:linear-gradient(125deg,#f0ebff,#fff)}
html[data-theme=light] .service h3{color:#142b49}
html[data-theme=light] .service .service-top{color:#245eab}
html[data-theme=light] .panel-banner{background:linear-gradient(115deg,#e0edff,#f6faff);color:#162c49;border-color:#b5cbea}
html[data-theme=light] .panel-banner h2{color:#142b49}
html[data-theme=light] .faq details{background:transparent;color:#182d48;border-color:#cbd9eb}
html[data-theme=light] .faq details[open]{background:#e5effd}
html[data-theme=light] .faq summary{color:#173558}
html[data-theme=light] .faq summary:hover{color:#2168c3}
html[data-theme=light] .pricing-card{background:#fff;color:#14253f;border-color:#c4d5ea}
html[data-theme=light] .pricing-card h3,
html[data-theme=light] .pricing-card strong{color:#172d4a}
html[data-theme=light] .pricing-card p,
html[data-theme=light] .pricing-card li{color:#465e7b}
html[data-theme=light] .closing{background:#e7f0ff;color:#172c49}
html[data-theme=light] footer{background:#f7faff;color:#415a7a}
html[data-theme=light] footer a{color:#245b9d}