/* Mark glyph outlines are colored inside the font; shaping stays intact. */
@font-face{font-family:"Arabic Reading";src:url("./fonts/ArabicReading-Regular.woff2") format("woff2");font-style:normal;font-weight:100 599;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Arabic Reading";src:url("./fonts/ArabicReading-Bold.woff2") format("woff2");font-style:normal;font-weight:600 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
:where(body,body *){font-family:"Arabic Reading",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;font-palette:var(--reading-palette,normal)}
@font-palette-values --reading-light{font-family:"Arabic Reading";override-colors:0 #ffe1ac}
.intro,.primary,.bg-primary,.navbtn.active,.danger,#toast{--reading-palette:--reading-light;--reading-long:#bcecff}
.intro .primary{--reading-palette:normal;--reading-long:#075ea7}

@media(forced-colors:active){:where(body,body *){font-family:system-ui,Arial,sans-serif!important}::highlight(arabic-long-vowels){color:CanvasText}}