/* =====================================================================
   ECI Conference Madrid 2027 — Design tokens
   Derived from the official Style Guide. All sizes in rem (base 16px).
   ===================================================================== */

:root {
  /* ---- Brand palette ---- */
  --eci-blue:    #263784;  /* primary: buttons, links, headings */
  --eci-coral:   #FA694A;  /* coral accent: borders, focus ring, decoration — NOT for text (fails AA) */
  --eci-coral-text: #C73C20; /* accessible coral for TEXT: 5.1:1 on white, 4.8:1 on cream */
  --eci-mustard: #F0B429;  /* badges, alerts */
  --eci-cream:   #FAF8F5;  /* global background */
  --eci-navy:    #0A1628;  /* body text */
  --eci-white:   #FFFFFF;

  /* Derived neutrals (kept AA-safe over cream/white) */
  --eci-muted:   #4d5566;  /* secondary text on cream — ratio ~7:1 */
  --eci-line:    #e5e1da;  /* borders */
  --eci-soft:    #eef0f7;  /* subtle fills */
  --eci-blue-dk: #1c2a66;  /* button hover */

  /* ---- Track / category colours ---- */
  --eci-t1: #005FCD;
  --eci-t2: #D47809;
  --eci-t3: #C1392B;
  --eci-t4: #1D9E75;
  --eci-t5: #7A3A8E;

  /* ---- Status colours ---- */
  --eci-ok:   #15803d;
  --eci-warn: #b45309;
  --eci-bad:  #b91c1c;

  /* ---- Typography ---- */
  --eci-font-head: "Inter Tight", system-ui, -apple-system, sans-serif;
  --eci-font-body: "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;

  --eci-fs-h1:    2.5rem;     /* 40 */
  --eci-fs-h2:    2rem;       /* 32 */
  --eci-fs-h3:    1.5rem;     /* 24 */
  --eci-fs-h4:    1.25rem;    /* 20 */
  --eci-fs-lg:    1.125rem;   /* 18 */
  --eci-fs-base:  1rem;       /* 16 */
  --eci-fs-sm:    0.875rem;   /* 14 */
  --eci-fs-xs:    0.8125rem;  /* 13 */
  --eci-fs-label: 0.75rem;    /* 12 — short labels only */

  --eci-lh-tight: 1.25;       /* headings */
  --eci-lh-body:  1.5;        /* body (WCAG minimum) */

  /* ---- Spacing scale (multiples of 8px / 0.5rem) ---- */
  --eci-sp-1: 0.5rem;
  --eci-sp-2: 1rem;
  --eci-sp-3: 1.5rem;
  --eci-sp-4: 2rem;
  --eci-sp-5: 3rem;

  /* ---- Misc ---- */
  --eci-radius:  4px;          /* per style guide buttons */
  --eci-radius-lg: 10px;       /* cards */
  --eci-tap: 44px;             /* WCAG 2.5.5 touch target */
  --eci-maxw: 68rem;
}