/* Two views of the same Qimro identity, matching the companion app. */
.nav{gap:24px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--accent)}
.theme-toggle:hover{background:var(--surface-2)}
.theme-icon,.theme-icon svg{display:block;width:20px;height:20px}
.theme-icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="light"]{color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--border:#e1e5ea;--text:#20252c;--muted:#626d7a;--accent:#307b66;--accent-bg:#e6f2eb;--amber:#8b600e}
:root[data-theme="light"] [data-theme-logo]{content:url("assets/qimro-logo-light.svg")}
:root[data-theme="light"] .header{background:#f6f7f9ed;border-color:var(--border)}
:root[data-theme="light"] .button{background:var(--accent);border-color:var(--accent);color:#fff}
:root[data-theme="light"] .button:hover{background:#245f4f;border-color:#245f4f}
:root[data-theme="light"] .button.secondary{background:transparent;color:var(--text);border-color:#cbd2da}
:root[data-theme="light"] .button.secondary:hover{background:var(--surface-2);border-color:#aebac4}
:root[data-theme="light"] .hero-visual:before{background:radial-gradient(ellipse,#79c6ad22,transparent 70%)}
:root[data-theme="light"] .hero-buddy{filter:drop-shadow(0 18px 20px #26334815)}
:root[data-theme="light"] .orbit{border-color:#307b661c}
:root[data-theme="light"] .visual-kicker{color:#697982}
:root[data-theme="light"] .floating-label{background:#ffffffed;border-color:#d7e0db;box-shadow:0 12px 35px #2633480d}
:root[data-theme="light"] .render-label{color:#677580}
:root[data-theme="light"] .promise-strip{background:#edf0f3}
:root[data-theme="light"] .feature{box-shadow:0 2px 8px #26334803,0 12px 32px #26334803}
:root[data-theme="light"] .feature-codex{background:linear-gradient(145deg,#e6f2eb,#fff 72%)}
:root[data-theme="light"] .card-number{color:#65767d}
:root[data-theme="light"] .tag{border-color:#307b6626}
:root[data-theme="light"] .tag.planned{background:#fff7e6;color:var(--amber);border-color:#ead9b1}
:root[data-theme="light"] .inline-link:hover{color:#205a49}
:root[data-theme="light"] .task-top,
:root[data-theme="light"] .task-body,
:root[data-theme="light"] .task-status-picker{background:#f8fbf9;border-color:#cbded3;color:#375344}
:root[data-theme="light"] .task-status-picker button{border-color:#c2d3ca}
:root[data-theme="light"] .task-status-picker button.selected{border-color:#86b79e}
:root[data-theme="light"] .task-preview small{color:#62796c}
:root[data-theme="light"] .deck-section{background:#edf0f3}
:root[data-theme="light"] .deck-copy .fineprint{color:var(--muted)}
/* The actual screen remains dark in the light app, too. */
:root[data-theme="light"] .deck-demo{--text:#e5e9ef;--muted:#a3adbb;--accent:#79c6ad;--accent-bg:#283f39;--border:#353b46;--amber:#e5bc7b;box-shadow:0 24px 48px #26334818}
:root[data-theme="light"] .eve-orbit{border-color:#307b6626;background:radial-gradient(ellipse,#79c6ad18,transparent 70%)}
:root[data-theme="light"] .eve-buddy{filter:drop-shadow(0 14px 18px #26334810)}
:root[data-theme="light"] .memory-note{border-color:#b8d3c3;background:#f4fbf7f0;box-shadow:0 15px 40px #2633480a}
:root[data-theme="light"] .memory-note>span:nth-child(2){color:#254c3a}
:root[data-theme="light"] .memory-note small{color:#61796b}
:root[data-theme="light"] .voice-section{background:#edf5f0;border-color:#d5e3da}
:root[data-theme="light"] .voice-pipeline article{background:#fff;border-color:#ccded1}
:root[data-theme="light"] .pipeline-top{color:#607c6a}
:root[data-theme="light"] .voice-pipeline p{color:#5b7163}
:root[data-theme="light"] .tech-chip{color:#3d6b51;border-color:#d6e4da}
:root[data-theme="light"] .voice-bottom{border-color:#d5e3da}
:root[data-theme="light"] .zero span,
:root[data-theme="light"] .voice-bottom>p,
:root[data-theme="light"] .optional-provider{color:#596f61}
:root[data-theme="light"] .optional-provider{border-color:#cedfd3}
:root[data-theme="light"] .optional-provider strong{color:#2d4f3a}
:root[data-theme="light"] .usecase-copy ul{color:#4e616e}
:root[data-theme="light"] .usecase-art{background:radial-gradient(ellipse at 55% 55%,#79c6ad1a,transparent 70%)}
:root[data-theme="light"] .usecase-word{color:#307b6618}
:root[data-theme="light"] .design-section{background:#edf0f3}
:root[data-theme="light"] .family-glow{background:radial-gradient(ellipse,#edf0f3 5%,#edf0f300 70%)}
:root[data-theme="light"] .family-original{filter:drop-shadow(0 12px 17px #26334818)}
:root[data-theme="light"] .family-secret{color:#5f786b}
:root[data-theme="light"] .roadmap article.current{background:linear-gradient(140deg,#e6f2eb,#fff)}
:root[data-theme="light"] .roadmap-step{color:#8997a3}
:root[data-theme="light"] .roadmap .current .roadmap-step{color:var(--accent)}
:root[data-theme="light"] .platform-note{background:#edf0f3}
:root[data-theme="light"] .support-section{background:linear-gradient(125deg,#e3f2e9,#f0f6f3);border-color:#cadfd1}
:root[data-theme="light"] .support-layout>div:first-child>p:not(.eyebrow){color:#566e5f}
:root[data-theme="light"] .support-card{background:#ffffffdc;border-color:#bfd8c8;box-shadow:0 12px 35px #26334805}
:root[data-theme="light"] .support-card-heading{color:#577162;border-color:#d6e5db}
:root[data-theme="light"] .support-card p{color:#5d7466}
:root[data-theme="light"] .support-card strong{color:#254c3a}
:root[data-theme="light"] .launch-state{border-color:#d6e5db;color:#4c6b58}
:root[data-theme="light"] .footer{background:#edf0f3}
:root[data-theme="light"] .footer-bottom{border-color:#dce2e8;color:#677581}
:root[data-theme="light"] dialog{border-color:#cbd5dd;box-shadow:0 24px 70px #26334826}
:root[data-theme="light"] dialog::backdrop{background:#26334855}
:root[data-theme="light"] .integration-note{color:var(--muted)}
:root[data-theme="light"] .mobile-hero-product{background:radial-gradient(ellipse,#79c6ad24,transparent 70%)}
:root[data-theme="light"] .mobile-hero-product small{color:#657580}
@media(max-width:760px){.nav{gap:14px}.theme-toggle{width:40px;height:40px}.theme-icon,.theme-icon svg{width:19px;height:19px}}
@media print{.theme-toggle{display:none!important}}