/* Kenya Debt Clock — palette tokens (live design).
   Single source of truth for the colour scheme. Change a value here and it
   updates across every page. Only the core scheme colours are tokenised;
   neutral grays, pure #fff/#000, and JS-embedded chart colours stay literal. */
:root{
  --bg: #e8e8ec;          /* page background */
  --ink: #111;            /* near-black: dark header + headings */
  --flag-red: #C8102E;    /* Kenya-flag red — unified, truer crimson (was #BB0000) */
  --flag-green: #006600;  /* Kenya-flag green */
  --red: #C8102E;         /* primary alert / figure red — unified to flag red (was #cc0000) */
  --red-bright: #ff3b3b;  /* active / emphasis red — one bright (was #ff4444) */
  --red-live: #ff3b3b;    /* live indicator dot — unified bright (was #ff0000) */
  --orange: #cc6600;      /* secondary highlight */
  --link: #3366aa;        /* links */
}

/* Always reserve the vertical scrollbar gutter, so switching between a
   scrolling page and a non-scrolling one doesn't shift the header/layout. */
html { overflow-y: scroll; }

/* Header stability: the active tab must not be heavier than the others, or the
   nav row changes width between pages and the header shifts. Active = colour only.
   Tabular figures keep the live clock from jittering each second. */
.nav-links a, .nav-links a.active,
.mobile-drawer a, .mobile-drawer a.active { font-weight: 600 !important; }
.header-meta { font-variant-numeric: tabular-nums; }