:root {
  /* ***************** */
  /* ***   COLORS  *** */
  /* ***************** */

  /* ***   Primary   *** */
  --color-primary-blue: #001489;
  --color-primary-light-blue: #00A0DF;
  --color-primary-white: #ffffff;

  /* ***  Secondary  *** */
  --color-secondary-dark-blue: #071d49;
  --color-secondary-blue-1: #0047bb;
  --color-secondary-blue-2: #0072ce;
  --color-secondary-light-blue-1: #71c5e8;
  --color-secondary-light-blue-2: #b9d9eb;

  /* ***  Tertiary  *** */
  --color-tertiary-light-green: #8EC4C9;
  --color-tertiary-yellow: #F1D064;
  --color-tertiary-light-pink: #D68093;
  --color-tertiary-light-purple: #A091C2;

  --color-tertiary-green: #64AC9A;
  --color-tertiary-light-orange: #DA8D29;
  --color-tertiary-pink: #CE5C61;
  --color-tertiary-purple: #954C92;

  --color-tertiary-orange: #D37142;
  --color-tertiary-red: #C94D32;
  --color-tertiary-dark-purple: #6E458F;

  /* ***  Neutral  *** */
  --color-neutral-cool-gray: #d9d9d6;
  --color-neutral-dark-gray: #4a4a4a;
  --color-neutral-middle-gray: #6E6E67;
  --color-neutral-light-gray: #f1f1f1;

  /* ***  State  *** */
  --color-state-error: #FF585D;
  --color-state-warning: #F1B434;
  --color-state-success: #007A6B;

  /*************/
  /*   ICONS   */
  /*************/
  --icon-large: 48px;
  --icon-standard: 32px;
  --icon-small: 24px;
}