:root,
[data-bs-theme='light'] {
  --bs-primary: #B2E5FC;
  --bs-primary-rgb: 178, 229, 252;
  --bs-primary-text-emphasis: #000000;
  --bs-primary-bg-subtle: #FFF5F4;
  --bs-primary-border-subtle: #B2E5FC;

  --bs-info: #1A8B9D;
  --bs-info-rgb: 26, 139, 157;

  --bs-dark: #000000;
  --bs-dark-rgb: 0, 0, 0;

  --bs-body-bg: #FFF5F4;
  --bs-body-bg-rgb: 255, 245, 244;
  --bs-body-color: #000000;
  --bs-body-color-rgb: 0, 0, 0;

  --bs-heading-color: #000000;
  --bs-link-color: #1A8B9D;
  --bs-link-hover-color: #146c7a;
  --bs-link-color-rgb: 26, 139, 157;
  --bs-link-hover-color-rgb: 20, 108, 122;
}

[data-bs-theme='dark'] {
  --bs-primary: #B2E5FC;
  --bs-primary-rgb: 178, 229, 252;
  --bs-info: #1A8B9D;
  --bs-info-rgb: 26, 139, 157;
  --bs-dark: #000000;
  --bs-dark-rgb: 0, 0, 0;
  --bs-heading-color: #FFF5F4;
  --bs-link-color: #477023;
  --bs-link-hover-color: #477023;
}

h1, .h1,
h2, .h2 {
  color: #000000;
}

h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #1A8B9D;
}

main section:nth-of-type(even) {
  background-color: rgba(177, 212, 48, 0.08);
}

main section:nth-of-type(odd) {
  background-color: rgba(255, 245, 244, 1);
}

.btn-primary {
  background-color: #0A6A4E;
  border-color: #0A6A4E;
  color: #FFF5F4;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #08563F !important;
  border-color: #08563F !important;
  color: #FFF5F4 !important;
}

.btn-outline-primary {
  border-color: #1A8B9D;
  color: #1A8B9D;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #1A8B9D !important;
  border-color: #1A8B9D !important;
  color: #FFF5F4 !important;
}

.bg-mode,
.card {
  border-color: rgba(26, 139, 157, 0.14);
}

.badge.text-bg-primary {
  background-color: #0A6A4E !important;
  color: #FFF5F4 !important;
}

.text-primary {
  color: #1A8B9D !important;
}

.bg-primary {
  background-color: #0A6A4E !important;
}

.bg-primary i,
.bg-primary svg,
.badge.text-bg-primary i,
.badge.text-bg-primary svg,
.icon-xs.bg-primary,
.icon-sm.bg-primary,
.icon-md.bg-primary,
.icon-lg.bg-primary,
.icon-xl.bg-primary {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
