:root {
  /* FONT */
  --poppins-font: Poppins;
  --alice-font: Alice;
  --ruddy-font: 'Ruddy';
  --opendys-font: 'Open Dyslexic';
  --main-font: var(--poppins-font);
  --secondary-font: var(--alice-font);
  --headline-font: var(--ruddy-font);

  /* COLORS */
  /* Gray */
  --color-dark: #0b072c;
  --color-gray-dark: #333333;
  --color-gray: #666666;
  --color-gray-light: #88879b;
  --color-gray-lighter: #cccccc;
  --color-gray-lightest: #f2f2f2;
  --color-white: #ffffff;

  /* Brand */
  --color-brand-dark: #203e44;
  --color-brand: #190e66;
  --color-brand-light: #e5edff;
  --color-brand-lighter: #f2f6ff;

  /* Red */
  --color-red-dark: #e15353;
  --color-red: #e05858;
  --color-red-light: #fed6d6;
  --color-red-lighter: #fff7f7;

  /* Orange */
  --color-orange-darker: #733000;
  --color-orange-dark: #b84d00;
  --color-orange: #f46600;
  --color-orange-light: #ffac70;
  --color-orange-lighter: #ffe3d1;
  --color-orange-lightest: #fff9f5;

  /* Green */
  --color-green-darker: #094836;
  --color-green-dark: #107e5f;
  --color-green: #00c48c;
  --color-green-light: #5deac2;
  --color-green-lighter: #daf8f0;
  --color-green-lightest: #f6fdfb;

  /* Yellow */
  --color-yellow-darker: #9c7500;
  --color-yellow-dark: #ffb100;
  --color-yellow: #ffc627;
  --color-yellow-light: #ffde85;
  --color-yellow-lighter: #fff4d6;
  --color-yellow-lightest: #fffcf5;

  /* Blue */
  --color-blue-darker: #003742;
  --color-blue-dark: #007499;
  --color-blue: #00a1c2;
  --color-blue-light: #5ce4ff;
  --color-blue-lighter: #e8f7fc;
  --color-blue-lightest: #f5fdff;

  /* Cyan */
  --color-cyan: #71b5bd;
  --color-cyan-light: #c8f2f7;
  --color-cyan-lighter: #f2fafb;

  /* Pink */
  --color-pink-darker: #63092e;
  --color-pink-dark: #960d46;
  --color-pink: #e21469;
  --color-pink-light: #f47cae;
  --color-pink-lighter: #fbdae8;
  --color-pink-lightest: #fef6f9;

  /* Purple */
  --color-purple-darker: #290948;
  --color-purple-dark: #47107e;
  --color-purple: #6617b5;
  --color-purple-light: #a35dea;
  --color-purple-lighter: #e9daf8;
  --color-purple-lightest: #faf6fd;

  /* Neutral */
  --color-neutral-900: #26242d;
  --color-neutral-800: #43404f;
  --color-neutral-700: #605c70;
  --color-neutral-600: #7d7891;
  --color-neutral-500: #9e9aac;
  --color-neutral-400: #bebcc8;
  --color-neutral-300: #dddee3;
  --color-neutral-200: #f4f4f6;

  /* Highlight colors */
  --color-highlight-orange: #FF942E;
  --color-highlight-blue: #1EBFE0;
  --color-highlight-green: #0ACE96;
  --color-highlight-pink: #EA9BFF;
  --color-highlight-yellow: #FFC627;
  --color-highlight-brown: #CDC0BD;
  --color-highlight-red: #F695A1;
  --color-highlight-blue-light: #C8D8FF;

  /* LPM colors */
  --color-lpm-green: #00BA76;
  --color-lpm-green-dark: #125B40;
  --color-lpm-yellow: #FFB500;

  /* Primary */
  --color-primary-darker: #003742;
  --color-primary-dark: #007499;
  --color-primary: #00a1c2;
  --color-primary-light: #5ce4ff;
  --color-primary-lighter: #e8f7fc;
  --color-primary-lightest: #f5fdff;

  /* Secondary */
  --color-secondary-darker: #003742;
  --color-secondary-dark: #007499;
  --color-secondary: #00a1c2;
  --color-secondary-light: #5ce4ff;
  --color-secondary-lighter: #e8f7fc;
  --color-secondary-lightest: #f5fdff;
}