.soft-text {
  color: var(--bs-gray);
}

:root {
  --bs-primary: #ffc700;
  --bs-primary-dark: #f19f00;
  --bs-primary-light: #ffef9c;
  --bs-nav-text: #ffffff;
  --bs-nav-text-active: #ffffff;
  --red: #ff0000dd;
  --bs-primary-link: #c9991e;
  --bs-title: #454545;
  --bs-subtitle: #5c5c5cf;
  --bs-secondary: #818181;
  --bs-secondary-dark: #000000;
  --bs-secondary-light: #8fcde1;
  --bs-color3: #e62f07;
  --bs-body-color: #0a0803;
  --bs-body-bg: #1b1b1b;
  --hilight-transparent: rgba(31,2,13,0.76);
  --bs-nav-back: rgb(213,213,213);
  --outline-variant: #c8c8c8;
  --bs-link-color: #ff5449;
  --bs-link-color-rgb: 13,110,253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #ff05e6;
  --bs-card-bg: var(--nav-text)!important;
}