html[data-theme="dark"] { --paper:#111915; --paper-deep:#1a2921; --card:#19261f; --ink:#f3eee4; --muted:#9baa9e; --muted-dark:#c0cbbd; --line:#2a3a31; --line-strong:#3a4b40; --accent:#e27a5e; --accent-deep:#ef9877; --sage:#9bb89e; --sage-deep:#315441; --gold:#e6bd72; --violet-soft:#292844; color-scheme:dark; }
html[data-theme="dark"] body, html[data-theme="dark"] .platform-hero { background:var(--paper); } html[data-theme="dark"] .site-header { background:rgba(17,25,21,.92); border-color:var(--line); } html[data-theme="dark"] .platform-hero { background:linear-gradient(180deg,#17231d,var(--paper)); } html[data-theme="dark"] .bot-bar, html[data-theme="dark"] .surah-drawer, html[data-theme="dark"] .reader-panel, html[data-theme="dark"] .feature-tile, html[data-theme="dark"] .reciter-card, html[data-theme="dark"] .profile-modal, html[data-theme="dark"] .bot-modal { background:var(--card); border-color:var(--line); } html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { color:var(--ink); background:var(--paper); border-color:var(--line); } html[data-theme="dark"] .reader-panel .verse.active { background:#1e2c24; } html[data-theme="dark"] .chapter-item.active { background:#3b2925; } html[data-theme="dark"] .small-action.active { background:var(--paper-deep); color:var(--ink); } html[data-theme="dark"] .footer-links a:hover, html[data-theme="dark"] .nav-link:hover { color:var(--accent-deep); }
body.focus-mode .catalog-layout { grid-template-columns:minmax(0,1fr); } body.focus-mode .surah-drawer { display:none; } body.focus-mode .reader-panel { max-width:900px; margin:0 auto; } body.focus-mode .feature-hub, body.focus-mode .library-strip { opacity:.55; }
@media (max-width:760px) { body.focus-mode .reader-panel { max-width:none; } }