/* Design tokens (measured from sec.yule.pics). Every colour and size used elsewhere comes from here. */
:root {
  --bg: #EEF2F7;
  --card: #FFFFFF;
  --line: #E2E8F0;
  --line-soft: #F1F5F9;
  --ink: #0F172A;
  --text: #334155;
  --note: #475569;
  --label: #94A3B8;
  --navy: #1E3A5F;
  --navy-soft: #C9D8E8;
  --hl: #EAF2FB;
  --focus: #2563EB;
  --warn-bg: #FEF3C7;
  --warn-ink: #92400E;
  --hot-bg: #FDE7E7;
  --hot-ink: #9F1239;

  /* T-code colours: outcomes warm, capital/governance navy family, other grey */
  --t01: #9F1239;
  --t02: #D97706;
  --t03: #DC2626;
  --t05: #1E3A5F;
  --t06: #5B8DB8;
  --t99: #A3B1C2;

  /* heatmap steps 0..5 */
  --hm0: #F1F5F9;
  --hm1: #DCEAF7;
  --hm2: #A9CBEA;
  --hm3: #6FA3D0;
  --hm4: #3572A5;
  --hm5: #0F4C75;

  --font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --fs-body: 13.5px;
  --lh-body: 1.65;
  --fs-note: 12px;
  --fs-label: 10.5px;
  --fs-nav: 12.5px;
  --fs-h2: 22px;
  --fs-h1: 28px;
  --fs-kpi: 30px;

  --radius: 10px;
  --radius-btn: 6px;
  --radius-chip: 16px;
  --card-pad: 22px 24px;
  --gap: 16px;
  --wrap: 1384px;
  --gutter: 28px;
  --header-h: 60px;
}