:root {
  /* Primary Color */
  --primary-10: #282A36;
  --primary-20: #44475A;
  --primary-40: #888888;
  --primary-80: #F8F8F2;

  /* Secondary Color */
  --secondary-10: #36415F;
  --secondary-20: #6272A4;
  --secondary-40: #8592B8;
  --secondary-80: #B5BDD5;

  /* Text Color */
  --text-0: #282A36;   /* Intense colour that contrasts against main background */
  --text-100: #F8F8F2; /* Opposite colour to constrast against other backgrounds */

  /* Accent Color */
  --accent-10: #CDAEFB;
  --accent-20: #BD93F9;
  --accent-40: #A974F8;
  --accent-80: #8235F4;

  /* Neutral Colors */
  --neutral-10: #424E71;
  --neutral-20: #6272A4;
  --neutral-40: #919CBF;
  --neutral-80: #C2CADC;

  /* Error and Warning Colors */
  --error-color: #FF5555;
  --warning-color: #F1FA8C;

  /* Other CSS Vars/Rules */
  --main-font-family: 'Helvetica', sans-serif;
  * {
    font-size-adjust: 0.5;
  }
}