/* Base palette. 500 is the logo blue (#2D7DAE, taken from the official logo vector);
   600 is the accessible text/control tone — white on 500 scores 4.38, below AA for
   normal text, so a filled control is painted with 600 (5.79) while the mark keeps 500. */
:root{
  --color-primary-50:#F1F7FB;
  --color-primary-100:#DCEBF6;
  --color-primary-200:#B8D7ED;
  --color-primary-300:#8BBDE2;
  --color-primary-400:#569FD5;
  --color-primary-500:#2D7DAE;
  --color-primary-600:#216A9F;
  --color-primary-700:#1A537D;
  --color-primary-800:#144263;
  --color-primary-900:#0F314A;

  --color-neutral-0:#FFFFFF;
  --color-neutral-50:#F7F7F8;
  --color-neutral-100:#EEEEEF;
  --color-neutral-200:#D9D9DB;
  --color-neutral-300:#BDBEC0;
  --color-neutral-400:#939598;
  --color-neutral-500:#666666;
  --color-neutral-600:#4D4D4D;
  --color-neutral-700:#3E3F43;
  --color-neutral-800:#26272A;
  --color-neutral-900:#0B0B0B;

  --color-success-100:#E3F5EE;
  --color-success-300:#6EE7B7;
  --color-success-500:#10B981;
  --color-success-700:#0A6B4D;
  --color-success-900:#0B2C21;

  --color-warning-100:#FBF0D8;
  --color-warning-300:#F2CE6B;
  --color-warning-500:#D9A21B;
  --color-warning-700:#7A5608;
  --color-warning-900:#2E2208;

  --color-danger-100:#FCEAEA;
  --color-danger-300:#F5A5A5;
  --color-danger-500:#DC2626;
  --color-danger-700:#A11B1B;
  --color-danger-900:#351414;

  --color-info-100:#E2F3FD;
  --color-info-300:#86CFF5;
  --color-info-500:#0EA5E9;
  --color-info-700:#0A6C9C;
  --color-info-900:#0A2A3C;
}