/* Clean (claro) e Black (escuro). Chave breathCtrl.theme.v24, a mesma que os motores leem em assets/motor/theme.js.
   Clean é o visual original destas páginas; este arquivo só redefine cores sob html[data-theme=black]. */

/* Seletor */
.theme-switch{display:inline-flex;gap:4px;margin-top:16px;padding:4px;border:1px solid #cdd4dc;border-radius:30px;background:#f1f3f6}
.settings-page .theme-switch button{min-width:92px;min-height:40px;padding:8px 16px;border:0;border-radius:24px;background:transparent;color:#536175;font:700 12px/1 Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.settings-page .theme-switch button[aria-pressed=true]{background:#111a24;color:#fff}
html[data-theme=black] .theme-switch{border-color:rgba(255,255,255,.12);background:#171e27}
html[data-theme=black] .settings-page .theme-switch button{color:#8b96a5}
html[data-theme=black] .settings-page .theme-switch button[aria-pressed=true]{background:#4dde1f;color:#071421}

/* Home e Protocolos */
html[data-theme=black] .welcome-block{background:rgba(5,7,10,.74);color:#f5f7fa;border-color:rgba(255,255,255,.105)}
html[data-theme=black] .welcome-date,html[data-theme=black] .protocol-moment{color:#8b96a5}
html[data-theme=black] .welcome-context{color:#4dde1f}
html[data-theme=black] .hero-telemetry{background:rgba(14,19,26,.62)}
html[data-theme=black] .telemetry-top{color:#c3cbd5}
.hero-telemetry .metric-cortisol{color:#000}
html[data-theme=black] .hero-telemetry .metric-cortisol{color:#f5f7fa}
html[data-theme=black] .compact-protocol{background:rgba(14,19,26,.8);color:#f5f7fa;border-color:rgba(255,255,255,.105)}
html[data-theme=black] .compact-protocol:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,#0e131a),#0e131a 70%);border-color:var(--accent)}
html[data-theme=black] .compact-protocol p{color:#8b96a5}
html[data-theme=black] .protocol-code{color:#7ce8ff}
html[data-theme=black] .protocol-exclusive-divider{border-top-color:rgba(255,255,255,.18);color:#00d9ff}

/* Navegação flutuante */
html[data-theme=black] .floating-nav{border-color:rgba(255,255,255,.12);background:rgba(14,19,26,.94);box-shadow:0 8px 28px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.04)}
html[data-theme=black] .floating-nav a,html[data-theme=black] .floating-nav button{color:#b4bdc8}
html[data-theme=black] .floating-nav a[aria-current=page]{color:#4dde1f;background:rgba(77,222,31,.14)}
html[data-theme=black] .floating-nav a:focus-visible{outline-color:#4dde1f}

/* Explorar */
html[data-theme=black] body[data-home-view=explore]{background:#05070a!important}
html[data-theme=black] .explore-page{color:#f5f7fa}
html[data-theme=black] .explore-eyebrow{color:#00d9ff}
html[data-theme=black] .explore-intro,html[data-theme=black] .explore-index,html[data-theme=black] .explore-card p,html[data-theme=black] .explore-note{color:#8b96a5}
html[data-theme=black] .explore-card{background:#0e131a;border-color:rgba(255,255,255,.105);color:#f5f7fa}
html[data-theme=black] .explore-card:hover{border-color:rgba(0,217,255,.45);box-shadow:0 12px 30px rgba(0,0,0,.45)}
html[data-theme=black] .explore-icon{background:color-mix(in srgb,var(--card-ink) 22%,transparent);color:color-mix(in srgb,var(--card-ink) 55%,white)}
html[data-theme=black] .explore-link{border-top-color:rgba(255,255,255,.08);color:#8b96a5}
html[data-theme=black] .explore-link span:last-child{color:#f5f7fa}

/* Perfil */
html[data-theme=black] body[data-home-view=profile]{background:#05070a!important}
html[data-theme=black] .profile-page,html[data-theme=black] .profile-heading h1,html[data-theme=black] .profile-card h2{color:#f5f7fa}
html[data-theme=black] .profile-page .profile-kicker{color:#00d9ff!important}
html[data-theme=black] .profile-demo-note{background:rgba(0,217,255,.08);border-color:rgba(0,217,255,.25);color:#a9d8ee}
html[data-theme=black] .profile-period,html[data-theme=black] .profile-card p,html[data-theme=black] .profile-metric small,html[data-theme=black] .profile-rank-number,html[data-theme=black] .profile-ring span,html[data-theme=black] .profile-page caption{color:#8b96a5}
html[data-theme=black] .profile-card{background:#0e131a;border-color:rgba(255,255,255,.105)}
html[data-theme=black] .profile-page .profile-negative{color:#ff6b86!important}
html[data-theme=black] .profile-chart text{fill:#8b96a5}
html[data-theme=black] .profile-gridline{stroke:rgba(255,255,255,.08)}
html[data-theme=black] .profile-zero{stroke:rgba(255,255,255,.3)}
html[data-theme=black] .profile-chart circle[tabindex]:focus{stroke:#fff}
html[data-theme=black] .profile-page .profile-chart-detail{background:rgba(0,140,255,.14);color:#7cc4ff!important}
html[data-theme=black] .profile-bar{background:#202a36}
html[data-theme=black] .profile-weekday{background:rgba(0,140,255,.12);border-color:rgba(0,140,255,.3)}
html[data-theme=black] .profile-weekday span{color:#8b96a5}
html[data-theme=black] .profile-weekday.is-peak{background:#008cff;border-color:#008cff;color:#fff}
html[data-theme=black] .profile-weekday.is-peak span{color:#fff}
html[data-theme=black] .profile-page .profile-footnote{border-top-color:rgba(255,255,255,.08)}
html[data-theme=black] .profile-ring{background:conic-gradient(#008cff var(--progress),#202a36 0)}
html[data-theme=black] .profile-ring>div{background:#0e131a}
html[data-theme=black] .profile-page th,html[data-theme=black] .profile-page td{border-bottom-color:rgba(255,255,255,.08)}
html[data-theme=black] .profile-page thead th{color:#8b96a5;background:#171e27}
html[data-theme=black] .profile-page tbody tr.is-selected{background:rgba(0,140,255,.14)}

/* Ajustes */
html[data-theme=black] body[data-home-view=settings]{background:#05070a!important}
html[data-theme=black] .settings-page,html[data-theme=black] .settings-panel h2,html[data-theme=black] .settings-panel h3{color:#f5f7fa}
html[data-theme=black] .settings-heading>p,html[data-theme=black] .settings-panel p,html[data-theme=black] .settings-panel li,html[data-theme=black] .settings-field{color:#8b96a5}
html[data-theme=black] .settings-page .settings-small{color:#8b96a5!important}
html[data-theme=black] .settings-panel{background:#0e131a;border-color:rgba(255,255,255,.105)}
html[data-theme=black] .settings-index{color:#4dde1f}
html[data-theme=black] .settings-row{border-top-color:rgba(255,255,255,.08)}
html[data-theme=black] .settings-page .settings-switch{background:#202a36}
html[data-theme=black] .settings-page .settings-switch:after{background:#8b96a5}
html[data-theme=black] .settings-page .settings-switch[aria-checked=true]{background:#307b00}
html[data-theme=black] .settings-page .settings-switch[aria-checked=true]:after{background:#fff}
html[data-theme=black] .settings-page .settings-visuals button{border-color:rgba(255,255,255,.12);background:#171e27;color:#b4bdc8}
html[data-theme=black] .settings-page .settings-visuals button[aria-pressed=true]{background:#307b00;color:#fff;border-color:#307b00}
html[data-theme=black] .settings-page .settings-stepper button{border-color:rgba(255,255,255,.12);background:#171e27;color:#f5f7fa}
html[data-theme=black] .settings-note{border-color:rgba(255,255,255,.12)}
html[data-theme=black] .settings-page .settings-field input{border-color:rgba(255,255,255,.16);background:#171e27;color:#f5f7fa}
html[data-theme=black] .settings-page .settings-button{border-color:rgba(255,255,255,.12);background:#171e27;color:#f5f7fa}
html[data-theme=black] .settings-page .settings-button.settings-danger{background:#ba1229;border-color:#ba1229;color:#fff}
html[data-theme=black] .settings-status{background:rgba(77,222,31,.12);color:#9ef27a;border-color:rgba(77,222,31,.35)}
