/* Dark mode for customer pages (account, learn, store, course-content); toggled by body.dark from site-chrome.js */
body.dark { color-scheme: dark; }
body.dark a { color: var(--p); }
body.dark .card, body.dark .order-card, body.dark dialog { background: #1e293b; border-color: #334155; color: #f1f5f9; }
body.dark input, body.dark select, body.dark textarea, body.dark .tools input, body.dark .tools select { background: #0f172a; color: #f1f5f9; border-color: #475569; }
body.dark button.secondary, body.dark .button.secondary { background: #334155; color: #e2e8f0; }
body.dark .muted, body.dark .card p, body.dark .meta { color: #94a3b8; }
body.dark .notice { background: #450a0a; color: #fecaca; }
body.dark .notice.success { background: #052e16; color: #bbf7d0; }
body.dark .badge, body.dark .status { background: #422006; color: #fde68a; }
body.dark .badge.approved, body.dark .badge.published, body.dark .status.approved { background: #052e16; color: #bbf7d0; }
body.dark .badge.rejected, body.dark .status.rejected { background: #450a0a; color: #fecaca; }
body.dark .empty { background: #1e293b; border-color: #475569; color: #94a3b8; }
body.dark .cover { background: linear-gradient(135deg, #134e4a, #1e1b4b); color: #5eead4; }
body.dark .price { color: var(--p); }
body.dark .lesson-button[aria-pressed="true"] { outline-color: var(--p); }html:has(body.dark) { background: #0f172a; }