@font-face { font-family: "Alexandria"; src: url("fonts/alexandria-arabic-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "Alexandria"; src: url("fonts/alexandria-arabic-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "Alexandria"; src: url("fonts/alexandria-arabic-800-normal.woff2") format("woff2"); font-weight: 800; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "Alexandria"; src: url("fonts/alexandria-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF; }
@font-face { font-family: "Alexandria"; src: url("fonts/alexandria-latin-800-normal.woff2") format("woff2"); font-weight: 800; font-display: swap; unicode-range: U+0000-00FF; }
@font-face { font-family: "Plex Arabic"; src: url("fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "Plex Arabic"; src: url("fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "Plex Arabic"; src: url("fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2"); font-weight: 600 700; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "Plex Arabic"; src: url("fonts/ibm-plex-sans-arabic-latin-400-normal.woff2") format("woff2"); font-weight: 400 500; font-display: swap; unicode-range: U+0000-00FF; }
@font-face { font-family: "Plex Arabic"; src: url("fonts/ibm-plex-sans-arabic-latin-600-normal.woff2") format("woff2"); font-weight: 600 700; font-display: swap; unicode-range: U+0000-00FF; }

:root {
  --bg: #fbf8f7;
  --surface: #ffffff;
  --blush: #f5e6ec;
  --ink: #2a1a2e;
  --ink-2: #6b5a6e;
  --ink-3: #9c8c9e;
  --line: #eaddE2;
  --brand: #9b3d6b;
  --brand-deep: #6e2449;
  --ok: #2f7d5b;
  --ok-soft: #e4f3ec;
  --warn: #a8661b;
  --warn-soft: #fbf0e1;
  --bad: #b23a3a;
  --bad-soft: #fbe7e7;
  --wa: #1f9d55;
  --display: "Alexandria", "Plex Arabic", Tahoma, sans-serif;
  --body: "Plex Arabic", Tahoma, system-ui, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--body); font-size: 17px; line-height: 1.75; }
a { color: inherit; }
img, svg { display: block; max-width: 100%; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--brand) 55%, transparent); outline-offset: 2px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
.num { font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }