/* auto-generated by build-dark.py */
html[data-theme="dark"]{--bg:#1c1a10;--paper:#252114;--mint:#101713;--ink:#dbe7e4;--muted:#babebc;--line:#383f31}:where(html[data-theme="dark"]) .top{background:#252114}:where(html[data-theme="dark"]) .brand{color:#deebe9}:where(html[data-theme="dark"]) .top nav .active,:where(html[data-theme="dark"]) .top nav a:hover{color:#deebe9}:where(html[data-theme="dark"]) .stats strong{color:#deebe9}:where(html[data-theme="dark"]) .pill{color:#deebe9}:where(html[data-theme="dark"]) .tab.active{border-color:#deebe9}:where(html[data-theme="dark"]) .icon{color:#deebe9}:where(html[data-theme="dark"]) label{color:#c6ccc9}:where(html[data-theme="dark"]) input,:where(html[data-theme="dark"]) select,:where(html[data-theme="dark"]) textarea{border:1px solid #313f31;background:#262315}:where(html[data-theme="dark"]) input:focus,:where(html[data-theme="dark"]) select:focus,:where(html[data-theme="dark"]) textarea:focus{border-color:#d6e6e3}:where(html[data-theme="dark"]) .secondary,:where(html[data-theme="dark"]) .file-label{color:#deebe9}:where(html[data-theme="dark"]) .ayah-meta button{background:#262315;color:#deebe9}:where(html[data-theme="dark"]) .arabic{color:#d9e7e2}:where(html[data-theme="dark"]) .delete{background:#1d1210;color:#deb6b0}:where(html[data-theme="dark"]) .history-item button{color:#deebe9}:where(html[data-theme="dark"]) .history-item .del{background:#1d1210;color:#deb6b0}:where(html[data-theme="dark"]) .disclaimer{background:#17140c}:where(html[data-theme="dark"]) .disclaimer p{color:#c3c7c5}:where(html[data-theme="dark"]) footer a{color:#deebe9}:where(html[data-theme="dark"]) .vt{background:#262315}:where(html[data-theme="dark"]) .vt.active{border-color:#deebe9}:where(html[data-theme="dark"]) .surah-sep{color:#deebe9}:where(html[data-theme="dark"]) .t-box{border:1px dashed #313f34;background:#262315}:where(html[data-theme="dark"]) .t-flag{color:#deb6b0}:where(html[data-theme="dark"]) .t-label{color:#c6ccc9}:where(html[data-theme="dark"]) .t-answer{background:#17140c}:where(html[data-theme="dark"]) .grades button{color:#deebe9}:where(html[data-theme="dark"]) .grades [data-g=shaky]{background:#12100a;color:#ddd6c7}:where(html[data-theme="dark"]) .grades [data-g=forgot]{background:#1d1210;color:#deb6b0}:where(html[data-theme="dark"]) .t-done strong{color:#deebe9}:where(html[data-theme="dark"]) .t-row b{color:#deebe9}:where(html[data-theme="dark"]) .vt:focus-visible,:where(html[data-theme="dark"]) .grades button:focus-visible,:where(html[data-theme="dark"]) .pager button:focus-visible,:where(html[data-theme="dark"]) .t-box button:focus-visible{outline:2px solid #d6e6e3}