/* The Saudi riyal sign (U+20C1) — drop 561. Fonts are only now adding it; this one is used for that one character.
   SIL Open Font License: ../fonts/saudi_riyal-OFL.txt */
@font-face{font-family:'SaudiRiyal';src:url('../fonts/saudi_riyal.woff2') format('woff2');unicode-range:U+20C1;font-display:swap}
/* ============================================================
   CISO Consulting — typeface
   ------------------------------------------------------------
   Almarai, self-hosted. SIL Open Font License 1.1; the licence
   text ships alongside in assets/fonts/OFL.txt.

   Eight families were previously pulled from Google Fonts across
   ten separate URLs: Almarai, Cormorant, DM Serif Display, IBM
   Plex Sans Arabic, Inter, Noto Sans Arabic, Syne and Tajawal.
   Beyond the render cost, every page load sent the visitor's IP
   to Google — a German court ruled that a GDPR breach in 2022 and
   it is a live PDPL question here. Serving locally closes it.

   WOFF2 first (200 KB for all four weights), TTF as the fallback
   for anything that cannot read it.
   ============================================================ */

@font-face {
  font-family: 'Almarai';
  src: url('../fonts/Almarai-Light.woff2') format('woff2'),
       url('../fonts/Almarai-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Almarai';
  src: url('../fonts/Almarai-Regular.woff2') format('woff2'),
       url('../fonts/Almarai-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Almarai';
  src: url('../fonts/Almarai-Bold.woff2') format('woff2'),
       url('../fonts/Almarai-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Almarai';
  src: url('../fonts/Almarai-ExtraBold.woff2') format('woff2'),
       url('../fonts/Almarai-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ------------------------------------------------------------
   One family for both scripts and every surface. Almarai covers
   Arabic and Latin, so there is no second family to keep in step
   and no mismatch between an Arabic label and the number beside it.

   Almarai ships 300/400/700/800 only — there is no 500 or 600.
   Requesting one makes the browser synthesise a fake weight, which
   looks smeared. The scale below uses only what exists.
   ------------------------------------------------------------ */
:root {
  --font-ui:      'SaudiRiyal', 'Almarai', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    var(--font-ui);
  --font-display: var(--font-ui);
  --font-label:   var(--font-ui);

  --fw-light:  300;
  --fw-normal: 400;
  --fw-bold:   700;
  --fw-black:  800;
}

/* Almarai sits slightly small next to Latin faces at the same
   px value; a touch more line-height keeps Arabic diacritics clear. */
/* Applied to html as well as body, and to form controls explicitly.
   Browsers do not inherit font-family into input, button, select or textarea —
   they use a system default unless told otherwise, which is why fields and
   buttons can stay on the old font while the surrounding text changes.
   The standalone auth pages set no body font at all, so everything there
   depends on this rule. */
html,
body {
  font-family: var(--font-ui);
}

body {
  line-height: 1.7;
}

input,
button,
select,
textarea,
optgroup {
  font-family: inherit;
}

:lang(ar), [dir="rtl"] {
  line-height: 1.85;
}