:root {  
  --black: #000000;
  --gray-dark-900: #262626;   /* contrast 15.1 over white*/
  --gray-dark-800: #333333;   /* contrast 12.6 over white*/
  --gray-dark-700: #454545;   /* contrast 9.6 over white */
  --gray-medium-600: #576060; /* contrast 6.5 over white */
  --gray-medium-500: #5C6666; /* contrast 5.9 over white */
  --gray-medium-400: #6B7676; /* contrast 4.7 over white */
  --gray-medium-350: #858E8E; /* contrast 3.3 over white */
  --gray-light-300: #899494;  /* contrast 3.1 over white */
  --gray-light-200: #E6E8EB;  /* contrast 1.2 over white */
  --gray-light-100: #F4F4F4;  /* contrast 1.1 over white */
  --white: #FFFFFF;

  --blue-max-dark: #0E3A5F;   /* contrast 11.7 over white*/
  --blue-dark: #154873;       /* contrast 9.5 over white */
  --blue-med-dark: #2D6A9F;   /* contrast 5.7 over white */
  --blue-medium: #3277B3;     /* contrast 4.7 over white */
  --blue-light: #2681EC;      /* contrast 3.8 over white */
  --blue-max-light: #95CDF7;  /* contrast 1.7 over white */

  --blue-soft-medium: #31708F;/* contrast 5.5 over white */
  --blue-soft-light: #CBDDE6; /* contrast 1.4 over white */

  --green-dark: #276842;      /* contrast 6.7 over white */
  --green-medium: #328556;    /* contrast 4.5 over white */
  --green-light: #3EA369;     /* contrast 3.1 over white */
  --green-max-light: #5AE193; /* contrast 1.7 over white */
  
  --yellow-dark: #AB7B00;     /* contrast 3.7 over white */
  --yellow-medium: #AF9012;   /* contrast 3.1 over white */
  --yellow-light: #F4D03F;    /* contrast 1.5 over white */

  --orange-dark: #C75000;     /* contrast 4.6 over white */
  --orange-medium: #F2680A;   /* contrast 3.1 over white */
  --orange-light: #E17619;    /* contrast 3.1 over white */
  --orange-max-light: #FFB155;/* contrast 1.8 over white */

  --red-dark: #C20600;        /* contrast 6.3 over white */
  --red-medium: #EC0918;      /* contrast 4.5 over white */
  --red-light: #EA6253;       /* contrast 3.3 over white */
  --red-max-light: #FF7F6F;   /* contrast 2.5 over white */

  --primary-max-dark: var(--blue-max-dark);
  --primary-dark: var(--blue-dark);
  --primary-med-dark: var(--blue-med-dark);
  --primary: var(--blue-medium);
  --primary-light: var(--blue-light);
  --primary-max-light: var(--blue-max-light);
  --primary-soft: var(--blue-soft-medium);
  --primary-soft-light: var(--blue-soft-light);
  
  --alert: var(--red-medium);
  --alert-dark: var(--red-dark);
  --success: var(--green-medium);
  --success-light: var(--green-light);
}