/*---------------------------------
  Design tokens for the revamp
  Loaded before headerv2.css/stylev2.css. Existing variables in stylev2.css
  (--primaryColor, --secondaryColor, ...) keep their values; these are the
  new shared names that redesigned components will use.
-----------------------------------*/
:root {
  /* La Nouvelle Releve brand blue, full scale (logo blue #3C5CA8) */
  --brand-800: #243A70;
  --brand-700: #2F4A8C;   /* buttons, links, small text on white (8.5:1) */
  --brand-600: #3C5CA8;   /* brand blue = --primaryColor, large areas (6.4:1 with white) */
  --brand-100: #D6DFF2;
  --brand-50:  #EDF1FA;   /* soft backgrounds, hover */

  /* Accent: near-black, for live labels only, with white text.
     Replaced the old red #E93314 on 2026-09-26 (the client dropped red on both sites). */
  --accent: #141B2B;      /* = --ink */
  /* KINYARWANDA links to the sister site Imvaho Nshya, so it wears that site's logo green */
  --imv-green: #15AB7B;

  /* Neutrals */
  --ink:   #141B2B;       /* headlines */
  --text:  #3E4656;       /* body copy */
  --muted: #697386;       /* dates, captions */
  --line:  #E2E7F0;       /* dividers, borders */
  --paper: #FFFFFF;

  /* Previously used by headerv2.css/stylev2.css but never defined */
  --titleColor: var(--ink);

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Type scale */
  --text-xs:   12px;      /* labels, dates */
  --text-sm:   14px;
  --text-base: 16px;
  --text-lg:   18px;      /* article body */
  --text-xl:   22px;      /* card headline (lead) */
  --text-2xl:  28px;
  --text-3xl:  36px;      /* article title */
  --text-4xl:  40px;      /* homepage lead */

  --radius-sm: 4px;
  --radius:    8px;
}

/* Breakpoints used by redesigned components (media queries can't read variables):
   phone < 576px · tablet 576–991px · laptop 992–1399px · wide >= 1400px */