:root {
  --light-color-bg: var(--theme-l5);
  --dark-color-bg: var(--theme-d5);
  --grey-color: rgb(107, 114, 128);
  --link-color: rgb(0 213 255);
  --back_clr: #06003c;
  --fore_clr: white;
  --theme-l5: #f2f9fe;
  --theme-l4: #d2eafd;
  --theme-l3: #a6d4fa;
  --theme-l2: #79bff8;
  --theme-l1: #4daaf6;
  --theme-d1: #0c87eb;
  --theme-d2: #0b78d1;
  --theme-d3: #0a69b7;
  --theme-d4: #085a9d;
  --theme-d5: #074b83;
  --color-status-1: white;
  --color-status-2: orange;
  --color-status-3: yellow;
  --color-status-4: green;
  --color-status-error: red;
  --nav-bg: rgb(160 198 255);
  --nav-indicator: cyan;
  --sub-title: rgb(0, 255, 255);
  --button-color: rgb(0, 255, 255);
  --logo-color: white;
}