/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

/*============================
	Theme Color - Alessandra Marzo
==============================*/
/*============================
	Theme Color - Teal
==============================*/
:root,
[data-bs-theme="light"] {
  --bs-themecolor: #39a78d;
  --bs-themecolor-rgb: 57, 167, 141;
  --bs-themehovercolor: #38A642;
  --bs-themehovercolor-rgb: 27.097, 170.203, 127.86395;
  --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-primary: var(--bs-themecolor);
  --bs-primary-rgb: var(--bs-themecolor-rgb);
  --bs-primary-text-emphasis: #0d503c;
  --bs-primary-bg-subtle: #d2f4ea;
  --bs-primary-border-subtle: #a6e9d5;
  --bs-body-color: #4c4d4d;
  --bs-body-color-rgb: 76, 77, 77;
  --bs-heading-color: var(--bs-emphasis-color);
  --bs-body-font-family: Poppins, sans-serif;
}

[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;
}