@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter/Inter-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Inter;src:url('/assets/fonts/inter/Inter-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Inter;src:url('/assets/fonts/inter/Inter-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

@layer portal-typography {
  html:root body,
  html:root body :is(h1,h2,h3,h4,h5,h6,p,a,span,div,label,input,select,option,textarea,button,table,th,td,li,dt,dd,strong,b,small,summary){
    font-family:Inter,Tajawal,"Segoe UI",Tahoma,Arial,sans-serif !important;
  }
  html:root body :is(input,td,.price,.qty,.amount,.total){
    font-variant-numeric:tabular-nums;
  }
}