/* ERAM CARDS — design tokens. Palette sampled from the logo (midnight navy + gold) and splash art. */
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal-extrabold.woff2") format("woff2");font-weight:800;font-display:swap}

:root{
  /* surfaces + text (dark is the default; light/ivory sections override these) */
  --bg:#05070f;
  --bg-elev:#0d1326;
  --bg-elev-2:#141b33;
  --ink:#f6f0e4;
  --ink-dim:rgba(246,240,228,.68);
  --ink-faint:rgba(246,240,228,.62);
  --gold:#d9ab4f;
  --gold-soft:#f1dba2;
  --gold-deep:#a97d28;
  --accent-ink:#1a1204;            /* text on gold */
  --line:rgba(255,255,255,.11);
  --glow:rgba(217,171,79,.28);
  --card:rgba(255,255,255,.045);
  --card-hover:rgba(255,255,255,.075);
  --shadow:0 30px 80px -24px rgba(0,0,0,.6);

  /* ONE family for everything (Arabic and Latin, headings and body): Tajawal, self-hosted */
  --font:"Tajawal",system-ui,sans-serif;
  --font-ar:var(--font);--font-lat:var(--font);--font-display-ar:var(--font);--font-brand:var(--font);

  --fs-hero:clamp(2.7rem,7.2vw,6.2rem);
  --fs-h1:clamp(2.2rem,5.2vw,4.4rem);
  --fs-h2:clamp(1.9rem,4.2vw,3.5rem);
  --fs-h3:clamp(1.3rem,2.2vw,1.75rem);
  --fs-lead:clamp(1.1rem,1.7vw,1.45rem);
  --fs-body:clamp(1.0625rem,1.1vw,1.1875rem);
  --fs-small:.9rem;

  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--s9:120px;--s10:160px;
  --sec-y:clamp(72px,11vw,160px);
  --gutter:clamp(16px,4vw,40px);
  --maxw:1180px;
  --r-card:24px;--r-media:28px;--r-pill:980px;

  --ease:cubic-bezier(.22,.61,.36,1);
  --t1:200ms;--t2:400ms;--t3:800ms;--t4:1200ms;
  --nav-h:56px;
}

/* section themes — alternate full-bleed dark / ivory like an Apple product page */
.sec--dark{--bg:#05070f;--bg-elev:#0d1326;--ink:#f6f0e4;--ink-dim:rgba(246,240,228,.68);--ink-faint:rgba(246,240,228,.62);--line:rgba(255,255,255,.11);--card:rgba(255,255,255,.045);--card-hover:rgba(255,255,255,.075);--gold-text:#e7bd69}
.sec--light{--bg:#f3f1ec;--bg-elev:#ffffff;--ink:#14131a;--ink-dim:rgba(20,19,26,.66);--ink-faint:rgba(20,19,26,.64);--line:rgba(20,19,26,.12);--card:#ffffff;--card-hover:#ffffff;--gold-text:#8a6416;--shadow:0 30px 70px -30px rgba(40,30,10,.28);--glow:rgba(169,125,40,.22)}
.sec--ivory{--bg:#f7efdc;--bg-elev:#fffaf0;--ink:#1c1406;--ink-dim:rgba(28,20,6,.68);--ink-faint:rgba(28,20,6,.66);--line:rgba(60,40,5,.15);--card:#fffaf0;--card-hover:#fffaf0;--gold-text:#7d5a12;--shadow:0 30px 70px -30px rgba(70,45,5,.3);--glow:rgba(169,125,40,.25)}
.sec--dark,.sec--light,.sec--ivory{background:var(--bg);color:var(--ink)}
:root{--gold-text:#e7bd69}