/* ===== Global design tokens – change colours here (and in js/config.js theme for charts) ===== */
:root {
  --navy: #102A43;
  --navy-2: #0b1d30;
  --blue: #2563EB;
  --blue-dark: #1d4ed8;
  --orange: #F97316;
  --orange-dark: #ea580c;
  --white: #ffffff;
  --bg: #F4F7FB;
  --gold: #D6A84F;
  --teal: #0D9488;
  --green: #16A34A;
  --purple: #7C3AED;
  --ink: #1b2b3c;
  --muted: #5b6b7c;
  --line: #e3e9f1;
  --accent: var(--blue);          /* overridden per page / section */
  --accent-soft: color-mix(in srgb, var(--accent) 10%, white);
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 6px 24px rgba(16, 42, 67, .08);
  --shadow-lg: 0 16px 44px rgba(16, 42, 67, .16);
  --font-head: 'Poppins', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --container: 1240px;
  --header-h: 70px;
}