/* Hallmark · macrostructure: Institutional Column · tone: formal-direct-institutional · anchor hue: royal-blue 268
 * theme: brand-matched (TEC Training Center) · paper light · accent royal-blue + gold · display IBM Plex Sans Arabic
 * pre-emit critique: P4 H5 E4 S5 R5 V4
 * Palette and faces inherited from the existing brand tokens — not re-invented.
 */

:root {
  /* ---- Brand core ---- */
  --brand-blue:      #2B3293;
  --brand-blue-700:  #232a7d;
  --brand-blue-900:  #12163f;
  --brand-gold:      #F0CF2C;
  --brand-gold-deep: #A9800A;
  --brand-logo-blue: #2E2983;   /* sampled off TECE-logo.png — the wordmark colour */

  /* ---- Paper & ink ---- */
  --color-paper:     #ffffff;
  --color-paper-2:   #f6f7fb;
  --color-paper-3:   #eceef6;
  --color-ink:       #14172e;
  --color-ink-soft:  #4a4f6b;
  --color-ink-faint: #6c7192;
  --color-line:      #e2e5f0;
  --color-line-2:    #cdd2e4;
  --color-on-gold:   #14172e;

  /* ---- Night surfaces ---- */
  --color-night:     #12163f;
  --color-night-2:   #1b2059;
  --color-on-night:  #f2f4fb;
  --color-on-night-soft: #b9bfdd;

  --color-accent:    var(--brand-blue);
  --color-focus:     #4d5bd6;

  /* ---- Field accents (one per specialism) ---- */
  --f-radiation:  #A9800A;
  --f-mining:     #8a5a2b;
  --f-geoscience: #9c5a33;
  --f-water:      #1c6b93;
  --f-environment:#2f7346;
  --f-labs:       #6a3f9c;
  --f-safety:     #b5502a;
  --f-soft:       #9c3f6a;

  /* lifted variants — the inks above are tuned for white paper and go muddy on navy */
  --f-radiation-lt:  #E8B93A;
  --f-mining-lt:     #C89056;
  --f-geoscience-lt: #D98A5A;
  --f-water-lt:      #4FA8D8;
  --f-environment-lt:#5CBA7D;
  --f-labs-lt:       #A97FE0;
  --f-safety-lt:     #E88254;
  --f-soft-lt:       #D97BA6;

  /* ---- Type ---- */
  --font-ar:      "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-display: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-latin:   "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-mono:    "IBM Plex Sans Arabic", system-ui, sans-serif;   /* numerals share the text face */
  --font-lockup:  "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;

  --text-xs:   0.875rem;   /* 14px */
  --text-sm:   1rem;       /* 16px */
  --text-base: 1.125rem;   /* 18px */
  --text-lg:   1.25rem;    /* 20px */
  --text-xl:   clamp(1.25rem, 1.12rem + 0.55vw, 1.5rem);
  --text-2xl:  clamp(1.5rem, 1.25rem + 1.1vw, 2rem);
  --text-3xl:  clamp(1.85rem, 1.45rem + 1.9vw, 2.7rem);
  --text-4xl:  clamp(2.2rem, 1.6rem + 2.9vw, 3.6rem);

  /* ---- Space (4pt) ---- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ---- Geometry ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --rule: 1px;

  /* ---- Motion ---- */
  --dur-fast: 140ms;
  --dur-mid:  260ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:  cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- Elevation ---- */
  --shadow-sm: 0 1px 2px rgba(20,23,46,.05), 0 2px 8px rgba(20,23,46,.04);
  --shadow-md: 0 4px 14px rgba(20,23,46,.07), 0 12px 30px rgba(20,23,46,.06);

  --maxw: 1180px;
  --maxw-text: 66ch;
  --header-h: 74px;
}