:root {
  /* Colors */
  --bs-primary: #0F766E;
  --bs-primary-rgb: 15, 118, 110;
  --bs-secondary: #14B8A6;
  --bs-secondary-rgb: 20, 184, 166;
  --bs-light: #f2f2f2;
  --bs-light-rgb: 242, 242, 242;
  --bs-dark: #14141f;
  --bs-dark-rgb: 20, 20, 31;
  --bs-white: #ffffff;
  --bs-white-rgb: 255, 255, 255;
  --bs-body-color: #757575;
  --bs-body-color-rgb: 117, 117, 117;
}

body {
  font-family: 'Roboto', sans-serif;
  color: #757575;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Jost', sans-serif;
  color: #14141f;
  font-weight: 500;
}

/* BS5.0 Hardcoded Overrides for Buttons */
.btn-primary {
  color: #fff;
  background-color: #0F766E;
  border-color: #0F766E;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0B5F59;
  border-color: #0B5F59;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0B5F59;
  border-color: #0B5F59;
  box-shadow: 0 0 0 0.25rem rgba(15, 118, 110, 0.5);
}
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #094F4A;
  border-color: #094F4A;
}
.btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(15, 118, 110, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0F766E;
  border-color: #0F766E;
}

.btn-secondary {
  color: #fff;
  background-color: #14B8A6;
  border-color: #14B8A6;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #12A595;
  border-color: #12A595;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #12A595;
  border-color: #12A595;
  box-shadow: 0 0 0 0.25rem rgba(20, 184, 166, 0.5);
}
.btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #109183;
  border-color: #109183;
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #14B8A6;
  border-color: #14B8A6;
}

.btn-outline-primary {
  color: #0F766E;
  border-color: #0F766E;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0F766E;
  border-color: #0F766E;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.25rem rgba(15, 118, 110, 0.5);
}
.btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0F766E;
  border-color: #0F766E;
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #0F766E;
  background-color: transparent;
}

/* Utilities */
.text-primary { color: #0F766E !important; }
.bg-primary { background-color: #0F766E !important; }
.border-primary { border-color: #0F766E !important; }

.text-secondary { color: #14B8A6 !important; }
.bg-secondary { background-color: #14B8A6 !important; }
.border-secondary { border-color: #14B8A6 !important; }

.text-light { color: #f2f2f2 !important; }
.bg-light { background-color: #f2f2f2 !important; }
.border-light { border-color: #f2f2f2 !important; }

.text-dark { color: #14141f !important; }
.bg-dark { background-color: #14141f !important; }
.border-dark { border-color: #14141f !important; }

/* Links */
a { color: #0F766E; text-decoration: none; }
a:hover { color: #0B5F59; }

/* Components Active States */
.dropdown-item.active, .dropdown-item:active { background-color: #0F766E; color: #fff; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #0F766E; color: #fff; }
.page-item.active .page-link { background-color: #0F766E; border-color: #0F766E; color: #fff; }
.page-link { color: #0F766E; }
.page-link:hover { color: #0B5F59; }

/* Forms */
.form-check-input:checked { background-color: #0F766E; border-color: #0F766E; }
.form-control:focus, .form-select:focus { border-color: #14B8A6; box-shadow: 0 0 0 .25rem rgba(15, 118, 110, .25); }

/* Badges / Tables */
.badge.bg-primary { background-color: #0F766E !important; }

.rounded, .rounded-1, .rounded-2, .rounded-3, .rounded-top, .rounded-end, .rounded-bottom, .rounded-start { border-radius: 10px !important; }
.btn, .form-control, .form-select, .card, .dropdown-menu { border-radius: 10px; }