/*============================
	Theme Color - Red
==============================*/
:root,
[data-bs-theme="light"] {
  --bs-themecolor: #dc3545;
  --bs-themecolor-rgb: 220, 53, 69;
  --bs-themehovercolor: #ca2333;
  --bs-themehovercolor-rgb: 202.2557, 35.0443, 51.06456;
  --bs-link-color: var(--bs-themecolor);
  --bs-link-color-rgb: var(--bs-themecolor-rgb);
  --bs-link-hover-color: var(--bs-themehovercolor);
  --bs-link-hover-color-rgb: var(--bs-themehovercolor-rgb);
  --bs-success: var(--bs-themecolor);
  --bs-success-rgb: var(--bs-themecolor-rgb);
  --bs-success: #09b850;
  --bs-success-rgb: 9, 184, 80;
  --bs-primary: var(--bs-themecolor);
  --bs-primary-rgb: var(--bs-themecolor-rgb);
  --bs-primary-text-emphasis: #58151c;
  --bs-primary-bg-subtle: #f8d7da;
  --bs-primary-border-subtle: #f1aeb5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-heading-color: var(--bs-emphasis-color);
  --bs-body-font-family: Jost, sans-serif;
  --bs-heading-font-family: Oswald, sans-serif;
  --bs-body-font-size: 1.125rem;
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-link-color: var(--bs-themecolor);
  --bs-link-color-rgb: var(--bs-themecolor-rgb);
  --bs-link-hover-color: var(--bs-themehovercolor);
  --bs-link-hover-color-rgb: var(--bs-themehovercolor-rgb);
  --bs-heading-color: var(--bs-emphasis-color);
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
}