@font-face{font-family:Cairo;src:url("../assets/fonts/Cairo-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("../assets/fonts/Cairo-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("../assets/fonts/Cairo-Bold.woff") format("woff");font-weight:700 900;font-style:normal;font-display:swap}
:root{
  --brand-primary:#027E8F;
  --brand-primary-hover:#066B79;
  --brand-primary-deep:#075668;
  --brand-primary-soft:#E7F7F9;
  --brand-secondary:#68AB01;
  --brand-secondary-hover:#578F01;
  --brand-secondary-soft:#F0F7E6;
  --brand-secondary-ink:#426D08;
  --brand-gold:#C88B22;
  --brand-deep:#083F4B;
  --canvas:#FFFFFF;
  --surface:#FFFFFF;
  --surface-alt:#F7FAFA;
  --surface-2:#F1F7F8;
  --text:#173B45;
  --text-dim:#5A747C;
  --text-faint:#5A747C;
  --line:#E2ECEE;
  --line-strong:#C8DCDD;
  --primary:var(--brand-primary);
  --secondary:var(--brand-secondary);
  --bg:var(--canvas);
  --on-primary:#FFFFFF;
  --secondary-soft:var(--brand-primary-soft);
  --secondary-ink:var(--brand-primary-deep);
  --on-secondary:#FFFFFF;
  --ok:#4A8000;
  --ok-soft:#EFF7E4;
  --warn:#9A6800;
  --warn-soft:#FFF5D9;
  --danger:#BC3E45;
  --danger-soft:#FDECEE;
  --info:#087A98;
  --info-soft:#E8F6FA;
  --gray-soft:#F0F4F5;
  --gray-ink:#61777D;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;
  --sp-7:48px;
  --gap-grid:clamp(12px,1.5vw,20px);
  --pad-card:clamp(18px,2vw,26px);
  --pad-table:12px;
  --r-sm:9px;
  --r-md:13px;
  --r-lg:18px;
  --r-xl:26px;
  --r-pill:999px;
  --control-sm:44px;
  --control-md:44px;
  --control-lg:52px;
  --control-radius:11px;
  --shadow-subtle:0 1px 2px rgba(8,63,75,.04),0 5px 15px rgba(8,63,75,.045);
  --shadow-card:0 12px 32px rgba(8,63,75,.07);
  --shadow-floating:0 20px 54px rgba(8,63,75,.14);
  --shadow-modal:0 28px 80px rgba(8,63,75,.22);
  --shadow:var(--shadow-card);
  --shadow-sm:var(--shadow-subtle);
  --shadow-lg:var(--shadow-floating);
  --ring:0 0 0 4px rgba(3,145,164,.16);
  --dur-instant:90ms;
  --dur-fast:150ms;
  --dur-base:220ms;
  --dur-slow:420ms;
  --dur-scene:700ms;
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --ease-linear:linear;
  --font-body:Cairo,Tajawal,system-ui,sans-serif;
  --text-xs:.75rem;
  --text-sm:.875rem;
  --text-md:1rem;
  --text-lg:1.25rem;
  --text-xl:1.55rem;
  --text-2xl:2rem;
  --z-content:1;
  --z-topbar:80;
  --z-dropdown:200;
  --z-toast:320;
  --z-modal:300;
  --subj-1:#087A98;--subj-1-bg:#E8F6FA;
  --subj-2:#7152B3;--subj-2-bg:#F0ECFA;
  --subj-3:#4D8500;--subj-3-bg:#EFF7E4;
  --subj-4:#A76B00;--subj-4-bg:#FFF3DA;
  --subj-5:#B83E48;--subj-5-bg:#FDECEE;
  --subj-6:#087F78;--subj-6-bg:#E5F6F3;
  --subj-7:#A23B7C;--subj-7-bg:#FAEAF4;
  --subj-8:#596976;--subj-8-bg:#EDF1F4;
  --subj-9:#856100;--subj-9-bg:#F8F0DA;
  --subj-10:#4064CF;--subj-10-bg:#EAF0FC;
  --subj-11:#39795A;--subj-11-bg:#E8F4EC;
  --subj-12:#9F4545;--subj-12-bg:#F9EAEA;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}