/* =====================================================================
   AL-FAHAD — shared design tokens (identical for SMLE and SNLE)
   One source of truth for colour, type, radius, spacing and elevation.
   ===================================================================== */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/inter-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/noto-sans-arabic-arabic-400-normal.woff2") format("woff2")}
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/noto-sans-arabic-arabic-500-normal.woff2") format("woff2")}
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/noto-sans-arabic-arabic-600-normal.woff2") format("woff2")}
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/noto-sans-arabic-arabic-700-normal.woff2") format("woff2")}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/noto-naskh-arabic-arabic-400-normal.woff2") format("woff2")}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/noto-naskh-arabic-arabic-700-normal.woff2") format("woff2")}

:root{
  /* palette (WCAG AA checked: text tokens >= 4.5:1 on --surface and --bg) */
  --bg:#F5FAFC;           /* page background, soft blue-white */
  --surface:#FFFFFF;      /* cards */
  --surface-2:#F9FBFE;
  --primary:#247EAA;      /* brand blue  (4.5:1 on white; text on tints uses --primary-deep) */
  --primary-deep:#1B6489; /* headings / pressed (8.6:1) */
  --blue-soft:#E8F4FB;
  --mint-soft:#DDEFF7;
  --accent-teal:#168F91;  /* accents, icons, borders */
  --teal-ink:#11706F;     /* teal used as text (5.2:1) */
  --text:#263746;         /* body text (11.5:1) */
  --muted:#516477;        /* secondary text (5.6:1) */
  --border:#DCE7ED;
  --border-strong:#C5D6DF;
  --success:#1E9E6A; --success-ink:#157A52; --success-soft:#E8F7EE;
  --warning:#B46A15; --warning-ink:#8F520D; --warning-soft:#FDF3E6;
  --error:#B83B45;   --error-ink:#9A2F38;   --error-soft:#FBECEE;
  --focus:#1B6489;
  /* semantic educational colours (premium palette) */
  --teal-soft:#E5F6F3; --mint:#E8F7EE;
  --def:#247EAA; --def-soft:#E8F4FB;            /* key definitions, diagnostic reasoning: blue */
  --hy:#168F91; --hy-soft:#E5F6F3;              /* high-yield points, nursing priorities: teal */
  --learn:#6A4FA3; --learn-ink:#5B4390; --learn-soft:#F2EEFA;   /* important learning notes: purple */
  --pearl:#D3A72C; --pearl-ink:#6E5200; --pearl-soft:#FFF8E1;  /* clinical pearls: soft yellow */
  --flag:#C2414B; --flag-ink:#9A2F38; --flag-soft:#FCEEEF;      /* safety warnings, red flags */
  --explain-soft:#F3F2FB;                       /* explanations: lavender */
  /* type */
  --font-en:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-ar:"Noto Sans Arabic","Segoe UI","Geeza Pro","Arabic Typesetting",Tahoma,sans-serif;
  --font-duaa:"Noto Naskh Arabic","Traditional Arabic","Noto Sans Arabic",serif;
  --fs-body:17px; --fs-body-ar:18px; --lh-body:1.7; --lh-ar:1.95;
  --fs-small:14.5px; --fs-xs:13px;
  --fs-h1:clamp(28px,3.4vw,40px); --fs-h2:clamp(22px,2.4vw,28px); --fs-h3:clamp(18px,1.8vw,21px);
  /* shape & depth */
  --r-xs:8px; --r-sm:10px; --r:14px; --r-lg:20px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(20,48,79,.06),0 2px 8px rgba(20,48,79,.05);
  --shadow-2:0 6px 24px rgba(20,48,79,.10);
  --shadow-3:0 16px 48px rgba(20,48,79,.16);
  /* layout */
  --maxw:1380px; --gutter:clamp(16px,3vw,32px); --tap:44px;
  --topbar-h:64px;
}