@font-face{font-family:"Cairo";font-style:normal;font-weight:300;font-display:swap;src:url("/assets/fonts/cairo-site-300.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/cairo-site-400.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/cairo-site-500.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/cairo-site-600.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/cairo-site-700.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/cairo-site-800.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/cairo-site-900.ttf") format("truetype")}
/* Arabic typography across public pages, learning spaces and administration. */
html:lang(ar){--font:"Cairo",Tahoma,Arial,sans-serif;--font-read:"Cairo",Tahoma,Arial,sans-serif;--f-ui:"Cairo",Tahoma,Arial,sans-serif;--f-body:"Cairo",Tahoma,Arial,sans-serif}
html:lang(ar) body{font-family:"Cairo",Tahoma,Arial,sans-serif!important}
html:lang(ar) body :is(h1,h2,h3,h4,h5,h6,p,a,span,label,button,input,select,textarea,option,li,dt,dd,td,th,small,summary,blockquote,figcaption,legend,strong,b,em){font-family:"Cairo",Tahoma,Arial,sans-serif!important;letter-spacing:normal}
/* Preserve code alignment and font-based icons; do not change sizes or layout. */
html:lang(ar) body :is(pre,code,kbd,samp,.mono,.code__body),
html:lang(ar) body :is(pre,code,kbd,samp,.mono,.code__body) :is(span,b,strong,em,i,a){font-family:"JetBrains Mono",ui-monospace,Consolas,"Cairo",monospace!important}
html:lang(ar) body :is(.material-icons,.material-icons-outlined){font-family:"Material Icons"!important}
html:lang(ar) body :is(.material-symbols-outlined){font-family:"Material Symbols Outlined"!important}
html:lang(ar) body :is(.fa,.fas,.far){font-family:"Font Awesome 5 Free"!important}
html:lang(ar) body .fab{font-family:"Font Awesome 5 Brands"!important}