:root {
  /* Primary colours */
  
  --greyscale-1: rgba(50,50,50,1);
  --greyscale-2: rgba(80,80,80,1);
  --greyscale-3: rgba(110,110,110,1);
  --greyscale-4: rgba(140,140,140,1);
  --greyscale-5: rgba(170,170,170,1);
  --greyscale-6: rgba(200,200,200,1);
  --greyscale-7: rgba(230,230,230,1);
  --greyscale-8: rgba(255,255,255,1);
  
  --primary-1: rgba(35,36,86,1);
  --primary-2: rgba(75,76,111,1);
  --primary-3: rgba(105,106,136,1);
  --primary-4: rgba(135,136,161,1);
  --primary-5: rgba(165,166,185,1);
  --primary-6: rgba(195,196,210,1);
  --primary-7: rgba(225,226,235,1);
  --primary-8: rgba(245,245,250,1);
  
  --secondary-1: rgba(250,190,60,1);
  --secondary-2: rgba(251,195,65,1);
  --secondary-3: rgba(251,200,70,1);
  --secondary-4: rgba(252,205,75,1);
  --secondary-5: rgba(252,210,80,1);
  --secondary-6: rgba(253,215,85,1);
  --secondary-7: rgba(254,220,90,1);
  --secondary-8: rgba(254,225,95,1);
  
  --checkout-cash: rgba(252,207,156,1);
  --checkout-card: rgba(159,156,252,1);
  --checkout-bacs: rgba(252,159,156,1);
  --checkout-voucher: rgba(156,201,252,1);
  --checkout-other: rgba(207,156,252,1);
}