/* CNIB Orion Accessible Experience Standard — design tokens.
   Palette is yellow / black / white only. Yellow is chrome and fill,
   never body text on white. Atkinson Hyperlegible is the typeface. */

:root {
  --cnib-yellow: #FFF200;
  --cnib-black: #000000;
  --cnib-white: #FFFFFF;
  --cnib-yellow-soft: #FFFDE6;
  --cnib-muted: #3D3D3D; /* 10.7:1 on white — AAA; high-contrast mode replaces this */

  --bg: var(--cnib-white);
  --fg: var(--cnib-black);
  --accent: var(--cnib-yellow);
  --border: var(--cnib-black);
  --focus: var(--cnib-black);
  --focus-fill: var(--cnib-yellow);

  --font: "Atkinson Hyperlegible", Arial, Helvetica, sans-serif;
  --base-font-size: 16px;
  --line: 1.6;
  --measure: 72rem;
  --target: 44px;
  --radius: 8px;
  --header-rule: 6px;
}

html {
  font-size: var(--base-font-size);
  background: var(--bg);
  color: var(--fg);
}

html.cnib-high-contrast {
  --bg: var(--cnib-black);
  --fg: var(--cnib-white);
  --cnib-muted: var(--cnib-yellow);
  --border: var(--cnib-white);
  --focus: var(--cnib-yellow);
  --focus-fill: var(--cnib-black);
  --cnib-yellow-soft: #1a1a00;
}