:root {
  /* palette / raw colours */


  /* Blue */
  --color-blue-98: #F5FAFF;
  --color-blue-96: #EAF5FF;
  --color-blue-93: #DBEEFF;
  --color-blue-90: #CBE6FF;
  --color-blue-85: #B1DAFF;
  --color-blue-80: #95CDFF;
  --color-blue-75: #78C0FF;
  --color-blue-60: #0097F1;
  --color-blue-45: #006FB4;
  --color-blue-40: #00639D;
  --color-blue-35: #00558C;
  --color-blue-30: #004979;
  --color-blue-25: #003C66;
  --color-blue-20: #003053;
  --color-blue-15: #002440;

  /* Red */
  --color-red-98: #FFE7E7;
  --color-red-96: #FEF0EF;
  --color-red-93: #FFE4E3;
  --color-red-90: #FED8D7;
  --color-red-85: #FDC4C3;
  --color-red-80: #FDAFAE;
  --color-red-75: #FD9999;
  --color-red-60: #F64859;
  --color-red-45: #BE273A;
  --color-red-40: #A92032;
  --color-red-35: #97152A;
  --color-red-30: #821023;
  --color-red-25: #6E0C1C;
  --color-red-20: #590815;
  --color-red-15: #45050E;

  /* Grey */
  --color-grey-98: #F8F9F9;
  --color-grey-96: #F2F4F4;
  --color-grey-93: #E9ECEC;
  --color-grey-90: #E2E2E2;
  --color-grey-85: #D1D5D7;
  --color-grey-80: #C2C8CA;
  --color-grey-75: #B4BABD;
  --color-grey-60: #8A9295;
  --color-grey-45: #656C6F;
  --color-grey-40: #595F61;
  --color-grey-35: #4C5356;
  --color-grey-30: #414749;
  --color-grey-25: #363B3D;
  --color-grey-20: #2B2F30;
  --color-grey-15: #141717;

  /* Green */
  --color-green-98: #F1FCF9;
  --color-green-96: #E2FAF4;
  --color-green-93: #CBF6EC;
  --color-green-90: #B4F2E3;
  --color-green-85: #91E8D5;
  --color-green-80: #7CDCC7;
  --color-green-75: #6CCEBA;
  --color-green-60: #4BA391;
  --color-green-45: #34786C;
  --color-green-40: #2D6A5F;
  --color-green-35: #265D53;
  --color-green-30: #1F4F46;
  --color-green-25: #18423A;
  --color-green-20: #12352E;
  --color-green-15: #0C2822;

  /* Orange */
  --color-orange-98: #FEF8F4;
  --color-orange-96: #FEF1E9;
  --color-orange-93: #FFE5D8;
  --color-orange-90: #FFDAC7;
  --color-orange-85: #FEC7A8;
  --color-orange-80: #FDB388;
  --color-orange-75: #FC9F67;
  --color-orange-60: #DC6E19;
  --color-orange-45: #A54E09;
  --color-orange-40: #934507;
  --color-orange-35: #803B05;
  --color-orange-30: #6F3204;
  --color-orange-25: #5D2903;
  --color-orange-20: #4C2002;
  --color-orange-15: #3A1701;

  /* Thistle */
  --color-thistle-35: #6C265E;

  /* semantic usage */
  --color-link: var(--color-blue-30);
  --color-link-hover: var(--color-thistle-35);
  --color-card-border: var(--color-grey-60);
  --color-card-border-bottom: var(--color-grey-60);
  --color-card-primary-bg: #FFFFFF;
  --color-card-secondary-bg: rgba(255,255,255,0);
  --color-card-external-bg: rgba(255,255,255,0);
  --color-tile-border: var(--color-grey-60);
  --color-tile-border-bottom: var(--color-grey-60);
  --color-tile-background: #FFFFFF;
}