:root {
  /* PRIMARY */
  --primary-very-light: #E1F6F6;
  --primary-light:      #A9DCDC;
  --primary:            #53B7B7;
  --primary-dark:       #2D7D7D;
  --primary-very-dark:  #1B4E4E;

  /* SECONDARY */
  --secondary-very-light: #B5B7B9;
  --secondary-light:      #717579;
  --secondary:            #393E41;
  --secondary-dark:       #2A2E30;
  --secondary-very-dark:  #1C1E1F;

  /* ACCENT */
  --accent-very-light: #FFE5E9;
  --accent-light:      #FFA3AE;
  --accent:            #DB162F;
  --accent-dark:       #9C0F20;
  --accent-very-dark:  #680A16;

  /* BACKGROUND */
  --background-very-light: #FFFFFF;
  --background-light:      #FDFDFF;
  --background:            #F3F3F5;
  --background-dark:       #E2E2E4;
  --background-very-dark:  #D0D0D2;

  /* TEXT */
  --text-dark:  #1A1A1A;
  --text-light: #FDFDFD;
}