/* ===========================================================================
   IKM Design System — tokens
   Fonts and custom properties only. Loading this file changes nothing on its
   own: no element is styled here, so it is safe on every page of the site,
   including the ones still built with WPBakery.
   =========================================================================== */

/* --- Source Serif 4 --------------------------------------------------- */
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/source-serif-4-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/source-serif-4-latin-ext-400-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/source-serif-4-latin-600-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/source-serif-4-latin-ext-600-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/source-serif-4-latin-700-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/source-serif-4-latin-ext-700-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* --- Source Sans 3 ---------------------------------------------------- */
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/source-sans-3-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/source-sans-3-latin-ext-400-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/source-sans-3-latin-600-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/source-sans-3-latin-ext-600-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;font-display:swap;
  src:url(../fonts/source-sans-3-latin-400-italic.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;font-display:swap;
  src:url(../fonts/source-sans-3-latin-ext-400-italic.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* --- Source Code Pro -------------------------------------------------- */
@font-face{font-family:"Source Code Pro";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/source-code-pro-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Source Code Pro";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/source-code-pro-latin-ext-400-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* --- tokens ------------------------------------------------------------ */
:root{
  /* brand — taken from the CorelDRAW logo artwork, do not invent new blues */
  --ikm-navy:#133362;
  --ikm-blue:#00569C;
  --ikm-blue-mid:#0090D1;
  --ikm-cyan:#03A7E0;

  /* derived navy ramp */
  --ikm-navy-950:#08172E;
  --ikm-navy-900:#0D2447;
  --ikm-navy-800:#133362;
  --ikm-navy-700:#1C4682;
  --ikm-navy-600:#00569C;
  --ikm-blue-500:#0077BC;
  --ikm-blue-400:#0090D1;
  --ikm-cyan-300:#03A7E0;
  --ikm-cyan-100:#D8EEF9;
  --ikm-cyan-050:#EFF8FD;

  /* neutrals, biased toward the navy */
  --ikm-n-000:#FFFFFF;
  --ikm-n-050:#F5F8FA;
  --ikm-n-100:#E9EFF4;
  --ikm-n-200:#D7E1E9;
  --ikm-n-300:#B9C7D3;
  --ikm-n-500:#6E8296;
  --ikm-n-700:#3D5265;
  --ikm-n-900:#14263C;

  /* semantic */
  --ikm-ok:#1E6B4F;
  --ikm-ok-bg:#E4F0EA;
  --ikm-ok-line:#C3DED1;
  --ikm-warn:#8A5A12;
  --ikm-warn-bg:#FBF0DC;
  --ikm-warn-line:#EDDCBB;
  --ikm-bad:#A32B25;

  /* roles */
  --ikm-text:var(--ikm-n-900);
  --ikm-text-2:var(--ikm-n-700);
  --ikm-text-3:var(--ikm-n-500);
  --ikm-rule:var(--ikm-n-200);
  --ikm-rule-soft:var(--ikm-n-100);
  --ikm-surface:var(--ikm-n-050);
  --ikm-paper:var(--ikm-n-000);
  --ikm-link:var(--ikm-blue);          /* 7.1:1 on white — the cyan fails AA */
  --ikm-focus:var(--ikm-cyan);

  /* type */
  --ikm-font-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --ikm-font-sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ikm-font-mono:"Source Code Pro",ui-monospace,Consolas,monospace;

  --ikm-size-display:clamp(2rem,4.6vw,2.875rem);
  --ikm-size-h1:clamp(1.75rem,3.6vw,2.125rem);
  --ikm-size-h2:clamp(1.4rem,2.8vw,1.625rem);
  --ikm-size-h3:1.25rem;
  --ikm-size-h4:1.09375rem;
  --ikm-size-body:1.0625rem;
  --ikm-size-small:0.9375rem;
  --ikm-size-caption:0.84375rem;

  /* space — 4px grid, nothing off it */
  --ikm-s1:4px;  --ikm-s2:8px;  --ikm-s3:12px; --ikm-s4:16px; --ikm-s5:24px;
  --ikm-s6:32px; --ikm-s7:48px; --ikm-s8:64px; --ikm-s9:96px; --ikm-s10:128px;

  /* --ikm-measure is the tight measure for narrow components (callouts,
     timeline cards). --ikm-column is the width of the main reading column:
     wider, because a page of institutional prose centred in a 1170px shell
     looks cramped at a strict 68 characters. */
  --ikm-measure:68ch;
  --ikm-column:740px;
  --ikm-container:1080px;
}
