:root{
  /* neutral scale */
  --n-0:#FFFFFF;
  --n-25:#FBFBFC;
  --n-50:#F6F7F8;
  --n-100:#F1F2F4;
  --n-150:#E9EBEE;
  --n-200:#E1E3E8;
  --n-300:#C9CCD2;
  --n-400:#9AA0AB;
  --n-500:#6E7480;
  --n-600:#4D5360;
  --n-700:#2E3441;
  --n-800:#1B2230;
  --n-900:#0E141F;
  /* brand */
  --teal:#19B6A8;
  --teal-ink:#0B6F68;
  --teal-soft:#E8F6F4;
  --teal-line:#CDEAE6;
  --cat-blue:#3B82F6;
  --cat-blue-ink:#1F4FBE;
  --cat-blue-soft:#E6EEFE;
  --cat-blue-line:#D2E1FB;
  --cat-orange:#E07B45;
  --cat-orange-ink:#8A4814;
  --cat-orange-soft:#FBE8D7;
  --cat-orange-line:#F4D4B6;
  --cat-purple:#7C5CFF;
  --cat-purple-ink:#503AB8;
  --cat-purple-soft:#EFEBFF;
  --cat-purple-line:#DCD3FF;
  --cat-amber:#E0A82E;
  --cat-amber-ink:#7C5A00;
  --cat-amber-soft:#FBEED0;
  --cat-amber-line:#EFDFA6;
  --cat-red:#B33C36;
  --cat-red-ink:#7C2A24;
  --cat-red-soft:#FBE0DE;
  --cat-red-line:#F2BFBB;
  /* signals */
  --warn:#FCF3CB;
  --warn-bg:#FCF3CB;
  --warn-line:#EDE0A1;
  --warn-ink:#6B5408;
  --state-positive:#0E8A80;
  --state-negative:#B33C36;
}