/* ==========================================================================
   AAED | عائد — Design tokens
   Source of truth: documentation/DESIGN_SYSTEM.md  (from هوية عائد.pdf)
   ========================================================================== */

/* Fonts — self-hosted IBM Plex (Fontsource woff2, Arabic and Latin files kept separate) */
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:700;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:400;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:500;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:600;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:700;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-style:normal;font-display:swap;src:url("../assets/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2")}

:root{
  /* Brand palette (هوية عائد — الألوان) */
  --petrol:#0B4D45;      /* بترولي — primary */
  --yellow:#F2AC3C;      /* كهرماني — payload/arrow/actions only */
  --charcoal:#17211F;    /* فحمي — text */
  --cream:#F6F3EA;       /* رملي — major background */
  --white:#FFFFFF;
  --line:#D9DFDC;        /* حدود */

  /* Logo-derived tints (appear in the guide's logo / slides) */
  --outbound-gray:#B7C2BE;  /* مسار الذهاب */
  --outbound-dark:#3E766D;  /* مسار الذهاب على الخلفية البترولية */
  --petrol-600:#0E5A51;     /* hover step of petrol (same hue, +lightness) */
  --yellow-600:#E39B26;     /* hover step of yellow */

  /* Functional text colours */
  --text:var(--charcoal);
  --text-muted:#4F5D5A;     /* charcoal @ ~72% on cream — AA on cream/white */
  --text-on-petrol:var(--cream);
  --text-on-petrol-muted:#C5D3CE;
  --accent-ink:#9A6410;     /* guide's amber numerals (01, 02…), AA on cream */
  --danger:#9C3B2E;         /* guide's "لا نقول" label */
  --danger-bg:#F6E7E3;
  --success-bg:#E4EFEA;

  /* Type */
  --font-ui:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-base:1.0625rem; --fs-lg:1.25rem;
  --fs-h3:1.375rem; --fs-h2:clamp(1.75rem,1.3rem + 1.8vw,2.5rem); --fs-h1:clamp(2.25rem,1.4rem + 3.6vw,4rem);
  --lh-body:1.8; --lh-tight:1.3;

  /* Space (4px base) */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4.5rem; --s-9:6rem;

  /* Shape */
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(23,33,31,.06),0 6px 18px -8px rgba(23,33,31,.12);

  /* Layout */
  --container:1200px; --gutter:clamp(1.25rem,4vw,2rem); --header-h:72px;

  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1); --t-fast:140ms; --t-med:260ms;
}