/* Azyan Hadhabah — Branding V3
   Gold #E1B87F, bronze #B58150, deep green #22372B, green #33513F,
   teal #092C3A, slate #60727C, cream #FFF1E1.
   Arabic titles: GE Hili. English titles: Religath. Body: Tajawal. */
@font-face {
  font-family: "GE Hili";
  src: url("/op2/fonts/brand/GEHili-Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "GE Hili";
  src: url("/op2/fonts/brand/GEHili-Book.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "GE Hili";
  src: url("/op2/fonts/brand/GEHili-Book.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
/* Religath Demo draws a watermark instead of 0–9, so digits are left to Tajawal. */
@font-face {
  font-family: "RELIGATH";
  src: url("/op2/fonts/brand/RELIGATH-Demo.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+00A0;
}
@font-face {
  font-family: "RELIGATH";
  src: url("/op2/fonts/brand/RELIGATH-Demo.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+00A0;
}
@font-face {
  font-family: "RELIGATH";
  src: url("/op2/fonts/brand/RELIGATH-Demo.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-007E, U+00A0;
}
:root {
  --hb-gold: #e1b87f;
  --hb-bronze: #b58150;
  --hb-green: #22372b;
  --hb-green-mid: #33513f;
  --hb-teal: #092c3a;
  --hb-slate: #60727c;
  --hb-cream: #fff1e1;
  --hb-title: "RELIGATH", "GE Hili", Tajawal, system-ui, sans-serif;
  --hb-body: Tajawal, system-ui, sans-serif;
}
html, body, .font-sans {
  font-family: var(--hb-body);
}
html.intro-done,
html.intro-done body,
html.intro-done #root {
  background-color: var(--hb-cream);
}
h1, h2, h3, h4, .font-display {
  font-family: var(--hb-title);
  letter-spacing: 0;
}