/* FMDC design tokens — the foundation for every page of the website. */
:root {
  /* Brand (from the existing FMDC identity) */
  --c-indigo: #303090;
  --c-cyan: #00b0f0;

  /* Derived brand tones */
  --c-indigo-night: #15173f;   /* signature dark sections, footer */
  --c-indigo-deep: #1f2163;
  --c-cyan-ink: #006a92;       /* cyan for text on light grounds (AA) */
  --c-cyan-soft: #8fdcf7;      /* cyan for text on dark grounds */

  /* Warm neutrals */
  --c-paper: #fcfaf6;
  --c-cream: #f6f1e8;
  --c-stone: #ebe3d5;
  --c-sand: #d9ccb6;

  /* Ink */
  --c-ink: #1a1d3a;
  --c-ink-2: #464a63;
  --c-ink-3: #5e6277;
  --c-rule: rgba(26, 29, 58, .14);
  --c-rule-strong: rgba(26, 29, 58, .28);
  --c-on-dark: #f6f1e8;
  --c-on-dark-2: rgba(246, 241, 232, .74);
  --c-rule-dark: rgba(246, 241, 232, .18);

  /* Typography */
  --font-sans: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;
  /* Reserved for the Arabic version (loaded only when that version exists). */
  --font-arabic-sans: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --font-arabic-serif: "Noto Naskh Arabic", "Amiri", serif;

  --fs-display: clamp(3rem, 1.4rem + 5.6vw, 7.25rem);
  --fs-h2: clamp(2.25rem, 1.35rem + 3.1vw, 4.5rem);
  --fs-h3: clamp(1.45rem, 1.2rem + .9vw, 2.05rem);
  --fs-statement: clamp(1.6rem, 1.1rem + 1.9vw, 3.1rem);
  --fs-lead: clamp(1.075rem, 1rem + .35vw, 1.3rem);
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-eyebrow: .75rem;

  /* Layout */
  --max: 90rem;
  --gutter: clamp(1.25rem, 4.5vw, 4.5rem);
  --section: clamp(5.5rem, 3rem + 8vw, 11rem);
  --header-h: 5.25rem;
  --radius: .375rem;
  --arch: clamp(4rem, 10vw, 11rem);

  /* Motion */
  --ease-out: cubic-bezier(.22, .8, .24, 1);
  --ease-soft: cubic-bezier(.45, .05, .25, 1);
  --dur: .7s;
}

@media (max-width: 1023px) {
  :root { --header-h: 4.5rem; }
}