/* ===== طفلي ثروتي — Brand tokens ===== */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

/* خطوط ثمانية — Thmanyah Sans (واجهة) + Serif Display (عناوين) */
@font-face{ font-family:'Thmanyah'; font-weight:300; font-display:swap; src:url('fonts/ThmanyahSans-Light.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah'; font-weight:400; font-display:swap; src:url('fonts/ThmanyahSans-Regular.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah'; font-weight:500; font-display:swap; src:url('fonts/ThmanyahSans-Medium.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah'; font-weight:700; font-display:swap; src:url('fonts/ThmanyahSans-Bold.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah'; font-weight:800; font-display:swap; src:url('fonts/ThmanyahSans-Black.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah'; font-weight:900; font-display:swap; src:url('fonts/ThmanyahSans-Black.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah Display'; font-weight:400; font-display:swap; src:url('fonts/ThmanyahDisplay-Regular.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah Display'; font-weight:500; font-display:swap; src:url('fonts/ThmanyahDisplay-Medium.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah Display'; font-weight:700; font-display:swap; src:url('fonts/ThmanyahDisplay-Bold.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah Display'; font-weight:800; font-display:swap; src:url('fonts/ThmanyahDisplay-Black.woff2') format('woff2'); }
@font-face{ font-family:'Thmanyah Display'; font-weight:900; font-display:swap; src:url('fonts/ThmanyahDisplay-Black.woff2') format('woff2'); }

:root{
  /* core palette sampled from initiative materials */
  --teal:#0AA6C0;        /* primary turquoise */
  --teal-600:#0C8DA3;
  --teal-700:#0B7587;
  --teal-ink:#073B6B;    /* deep navy ink (sign) */
  --gold:#D9A82E;        /* logo calligraphy gold */
  --gold-600:#C0901E;
  --pink:#EE9DB3;        /* soft pink accent */
  --pink-soft:#FCE3EA;
  --mint:#E6F6F8;        /* pale teal wash */
  --sky:#F2FAFC;

  --ink:#15323F;         /* near-black text, teal-tinted */
  --ink-2:#4A6675;
  --ink-3:#86A1AD;
  --line:#E3EDF0;
  --card:#FFFFFF;
  --bg:#F4FAFC;

  --r-sm:12px; --r:18px; --r-lg:26px; --r-xl:34px;
  --shadow-sm:0 1px 3px rgba(7,59,107,.06), 0 4px 14px rgba(7,59,107,.05);
  --shadow:0 8px 30px rgba(7,59,107,.10);
  --shadow-lg:0 24px 60px rgba(7,59,107,.16);

  --font:'Thmanyah','Tajawal', system-ui, -apple-system, sans-serif;
  --font-display:'Thmanyah Display','Thmanyah','Tajawal', serif;
}

*{ box-sizing:border-box; }
html,body{ margin:0; }
body{ font-family:var(--font); color:var(--ink); -webkit-font-smoothing:antialiased; }

/* utility: brand gradient */
.grad-teal{ background:linear-gradient(135deg,#0EB6CF 0%,#0A8FA8 60%,#0B7587 100%); }
.grad-soft{ background:linear-gradient(160deg,#F2FAFC 0%,#E6F6F8 100%); }

/* arabic numerals stay latin for UI clarity; helper for tabular */
.tnum{ font-feature-settings:'tnum'; }