:root {
  /* Green */
  --color-green_1: #00E9D4;
  --color-green_2: #00A596;
  --color-green_3: #007671;

  /* Blue */
  --color-blue_1: #00AFF6;
  --color-blue_2: #2A92E3;
  --color-blue_3: #00456B;

  /* Marine */
  --color-marine_1: #0F2537;
  --color-marine_2: #0E1E28;
  --color-marine_3: #0B131A;

  /* Slate */
  --color-slate_1: #192127;

  /* Grey */
  --color-grey_1: #C6C5CA;
  --color-grey_2: #89898A;

  /* Highlight */
  --color-pink_1: #FC3E77;
  --color-orange_1: #F65900;
  --color-yellow_1: #FCB326;
  --color-olive_1: #00EC50;

  /* Alert */
  --color-red_1: #980111;
  --color-red_2: #FAB2BD;
  --color-red_3: #FDF2F3;
}


.fg-white-70 {
  color: rgba(255, 255, 255, 0.7);
}