/* Authentication and onboarding share the saved application appearance. */
html[data-appearance="dark"]{color:#eaf0f4;background:#101820}
html[data-appearance="dark"] body,html[data-appearance="dark"] .auth-boot{background:linear-gradient(180deg,#0c1319,#14232b);color:#eaf0f4}
html[data-appearance="dark"] :is(.hero,.panel,.auth-boot span){background:#19242e;border-color:#344951;box-shadow:0 18px 48px #0004;color:#eaf0f4}
html[data-appearance="dark"] :is(.hero h1,.step h2,.brand){color:#eef4f7}
html[data-appearance="dark"] :is(.hero p,.step p,.tiny,.group-card small,.mode-grid button small,.membership-state small,.registration-recovery p){color:#b5c5cb}
html[data-appearance="dark"] :is(label,.links a,.coach-choice a,.onboarding-security>summary){color:#b6e4d5}
html[data-appearance="dark"] :is(.tabs,.mode-grid button,.secondary,.password-toggle,.discipline-grid label,.group-card,.guardian-pending,.coach-choice,.registration-notice,.registration-recovery,.membership-state){background:#202e38;border-color:#3b535b;color:#dcece7}
html[data-appearance="dark"] :is(.tabs button.on,.pill){background:#244b43;color:#b8f3de}
html[data-appearance="dark"] :is(.tabs button,.membership-state strong,.guardian-pending>strong,.coach-choice h3){color:#c2e4da}
html[data-appearance="dark"] :is(input,select){background:#101c24;border-color:#486068;color:#eef4f7}
html[data-appearance="dark"] input::placeholder{color:#a9bbc2;opacity:1}
html[data-appearance="dark"] input:autofill{box-shadow:0 0 0 1000px #172a30 inset;-webkit-text-fill-color:#eef4f7}
html[data-appearance="dark"] .status{color:#ffb6ac}
html[data-appearance="dark"] :is(.coach-pending,.membership-state.pending){background:#332e20;border-color:#867345;color:#f7dda0}
html[data-appearance="dark"] :is(.coach-pending strong,.membership-state.pending strong){color:#f7dda0}
html[data-appearance="dark"] .membership-state.active{background:#183d33;border-color:#467c69}
html[data-appearance="dark"] .membership-state.rejected{background:#3c252a;border-color:#9a5f61}
html[data-appearance="dark"] .membership-state.rejected strong{color:#ffb6ac}
html[data-appearance="dark"] .onboarding-security{border-color:#3b535b}
:where(button,a,input,select,summary):focus-visible{outline:3px solid #0b8b74;outline-offset:3px}
html[data-appearance="dark"] :where(button,a,input,select,summary):focus-visible{outline-color:#82e3c5}
button.primary{background:#087761}.step p{color:#536d65}.mode-grid button small{color:#506e64}
html[data-appearance="dark"] .step p{color:#b5c5cb}
html[data-appearance="dark"] .mode-grid button small{color:#b5c5cb}