/*---------------------------------
  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 {
  /* Brand green: same hue, full scale */
  --green-800: #0B6348;
  --green-700: #0E7F5B;   /* buttons, links, small text on white (5.0:1) */
  --green-600: #15AB7B;   /* brand green = --primaryColor, large areas */
  --green-100: #CFEDE2;
  --green-50:  #E8F6F1;   /* soft backgrounds, hover */

  /* Accent: breaking / live labels only */
  --red-600: #E93314;     /* = --secondaryColor */

  /* Neutrals */
  --ink:   #14201C;       /* headlines */
  --text:  #3F4A46;       /* body copy */
  --muted: #6B7671;       /* dates, captions */
  --line:  #E3E8E6;       /* 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 */