/* ATLAS INTERNAL NOTE [CORPORATE-THEME]: Accessible light palette; the default dark design remains unchanged.
   All theme changes are local presentation settings, not product or login preferences. */
.theme-toggle {display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:10px;background:rgba(119,176,230,.07);color:var(--text);font-size:20px;cursor:pointer}
.theme-toggle:hover {border-color:#5d9ece;background:rgba(105,174,231,.14)}
.theme-toggle:focus-visible {outline:3px solid #348fe7;outline-offset:3px}
html[data-theme="light"] {color-scheme:light;--bg:#f4f8fc;--bg2:#e9f1f9;--text:#19334b;--muted:#526b83;--line:rgba(33,80,121,.18);--accent:#005e9e;--card:#ffffff}
html[data-theme="light"] body {background:#f4f8fc;color:#19334b}
html[data-theme="light"] .header {background:rgba(250,252,255,.94);border-color:rgba(33,80,121,.14)}
html[data-theme="light"] .brand-name em,
html[data-theme="light"] .desktop-nav a,
html[data-theme="light"] .footer-links a,
html[data-theme="light"] .language-button,
html[data-theme="light"] .mobile-nav a {color:#385e7f}
html[data-theme="light"] .desktop-nav a:hover,
html[data-theme="light"] .footer-links a:hover,
html[data-theme="light"] .language-button:hover {color:#005e9e}
html[data-theme="light"] .button-outline,
html[data-theme="light"] .button-secondary {background:rgba(255,255,255,.65);border-color:rgba(50,102,153,.3);color:#19334b}
html[data-theme="light"] .button-outline:hover,
html[data-theme="light"] .button-secondary:hover {background:#ddecfc}
html[data-theme="light"] .menu-button {background:#e8f2fb}
html[data-theme="light"] .menu-button span {background:#234767}
html[data-theme="light"] .mobile-nav {background:#ffffff;border-color:rgba(40,83,122,.16)}
html[data-theme="light"] .site-background {opacity:.52}
html[data-theme="light"] .hero-description,
html[data-theme="light"] .hero-footnote,
html[data-theme="light"] .section-heading p,
html[data-theme="light"] .approach-intro>p,
html[data-theme="light"] .principle p,
html[data-theme="light"] .roadmap-item p,
html[data-theme="light"] .fact>span:last-child {color:#526b83}
html[data-theme="light"] .facts-wrap {background:#e8f1f9}
html[data-theme="light"] .fact-number {color:#12639b}
html[data-theme="light"] .approach-section {background:linear-gradient(180deg,#edf5fc,#f4f8fc);border-color:rgba(30,73,113,.12)}
html[data-theme="light"] .approach-badge {background:#e1f0fd;color:#315b7f;border-color:#bed8ef}
html[data-theme="light"] .roadmap-marker {background:#e2edf7;border-color:#9bbddc;color:#185781}
html[data-theme="light"] .roadmap:before {background:#b9d0e4}
html[data-theme="light"] .hero-visual,
html[data-theme="light"] .venture-card,
html[data-theme="light"] .about-panel {color:#eaf3ff}
html[data-theme="light"] .footer {background:#e7f0f9}
html[data-theme="light"] .footer-top p,
html[data-theme="light"] .legal-note,
html[data-theme="light"] .footer-bottom {color:#496781}
html[data-theme="light"] .atlas-detail p {color:#4b647e}
html[data-theme="light"] .detail-status {color:#1b608c;border-color:#94bfdc}
html[data-theme="light"] .feature-list li,
html[data-theme="light"] .detail-note {background:#ffffff;color:#19334b;border-color:#d5e3ef}
html[data-theme="light"] .detail-note p {color:#4b647e}
html[data-theme="light"] .atlas-scroll-top {color:#153e5a}
@media (prefers-reduced-motion: reduce) { .theme-toggle {transition:none} }

/* Small phones: keep the theme switch, language control and menu reachable without horizontal overflow. */
@media (max-width:400px) {
  .header-content {gap:4px}
  .brand {gap:6px}
  .brand-mark {height:30px;width:30px}
  .brand-name {font-size:10px}
  .brand-name em {font-size:7px}
  .language-button {padding:5px;font-size:11px}
  .theme-toggle {height:32px;width:32px;flex-basis:32px;font-size:18px}
  .menu-button {height:34px;width:34px;padding:6px}
  .privacy-nav,.detail-nav {gap:4px}
  .privacy-nav .button,.detail-nav .button {padding:0 8px;font-size:10px}
}