:root {
  --light-color-bg: var(--theme-l5);
  --dark-color-bg: var(--theme-d5);
  --grey-color: rgb(107, 114, 128);
  --link-color: rgb(255 0 122);
  --back_clr: var(--theme-l5);
  --fore_clr: #000000;
  --theme-l5: #fef4f3;
  --theme-l4: #fdd9d6;
  --theme-l3: #fbb3ae;
  --theme-l2: #f98d85;
  --theme-l1: #f6665c;
  --theme-d1: #f32617;
  --theme-d2: #e11a0c;
  --theme-d3: #c5170a;
  --theme-d4: #a91409;
  --theme-d5: #8d1007;
  --color-status-1: #000000;
  --color-status-2: orange;
  --color-status-3: #92006c;
  --color-status-4: green;
  --color-status-error: red;
  --nav-bg: var(--theme-d3);
  --nav-indicator: #ff0000;
  --sub-title: rgb(255 0 0);
  --button-color: rgb(255 0 0);
  --logo-color: #000000;
}