/* H D & P brand typography and colour tokens */
@font-face{font-family:"SaudiSans";src:url("/fonts/arabic/ArbFONTS-LamaSans-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"SaudiSans";src:url("/fonts/arabic/ArbFONTS-LamaSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SaudiSans";src:url("/fonts/arabic/ArbFONTS-LamaSans-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"SaudiSans";src:url("/fonts/arabic/ArbFONTS-LamaSans-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"SaudiSans";src:url("/fonts/arabic/ArbFONTS-LamaSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"SaudiSans";src:url("/fonts/arabic/ArbFONTS-LamaSans-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"SaudiSans";src:url("/fonts/arabic/ArbFONTS-LamaSans-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"MediumB";src:url("/fonts/arabic/ArbFONTS-LamaSans-Medium.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"MediumB";src:url("/fonts/arabic/ArbFONTS-LamaSans-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"MediumB";src:url("/fonts/arabic/ArbFONTS-LamaSans-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"MediumB";src:url("/fonts/arabic/ArbFONTS-LamaSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"MediumB";src:url("/fonts/arabic/ArbFONTS-LamaSans-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"MediumB";src:url("/fonts/arabic/ArbFONTS-LamaSans-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
:root{
  --hdp-font-heading-ar:"MediumB","Tajawal",Tahoma,Arial,sans-serif;
  --hdp-font-body-ar:"SaudiSans","Tajawal",Tahoma,Arial,sans-serif;
  --hdp-font-latin:"Host Grotesk",Arial,sans-serif;
  --hdp-midnight:#120A40;
  --hdp-purple:#523699;
  --hdp-lavender:#997AFF;
  --hdp-light-grey:#E8E6F0;
  --hdp-ochre:#F7BF38;
}

html,body,button,input,select,textarea{font-family:var(--hdp-font-body-ar)}
h1,h2,h3,h4,h5,h6,
.heading,.section-heading,.section-title,.title,
[class*="-title"]{font-family:var(--hdp-font-heading-ar)!important}
p{font-family:var(--hdp-font-body-ar)!important}
:lang(en){font-family:var(--hdp-font-latin)}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,
html[lang="ar"] h4,html[lang="ar"] h5,html[lang="ar"] h6{
  letter-spacing:normal!important;
  text-rendering:optimizeLegibility;
}
html[lang="ar"] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
