/* Green theme */
/*:root {
  --theme-primary: #8ac148;
  --theme-primary-dark: #599014;
  --theme-primary-light: #dcecc7;
  --theme-secondary: #ffffff;
  --theme-text-on-primary: #000000;
  --theme-text-on-primary-dark: #000000;
  --theme-text-on-secondary: #000000;
}*/

/* Teal theme */
:root {
  --theme-primary: #4bb5ab;
  --theme-primary-dark: #00857c;
  --theme-primary-light: #b1dfda;
  --theme-secondary: #ffffff;
  --theme-text-on-primary: #000000;
  --theme-text-on-primary-dark: #ffffff;
  --theme-text-on-secondary: #000000;
}

p {
  color: var(--theme-text-on-primary);
}

a {
  color: var(--theme-text-on-primary);
}

a:hover {
  color: var(--theme-text-on-primary);
}

/* Bootstrap elements */

.btn-primary {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  color: var(--theme-text-on-primary);
}
.btn-primary:hover {
  background-color: var(--theme-primary-dark);
  border-color: var(--theme-primary-dark);
  color: white;
}

.btn-outline-primary {
  background-color: var(--theme-secondary);
  border-color: var(--theme-primary-dark);
  color: var(--theme-primary-dark);
}
.btn-outline-primary:hover {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  color: var(--theme-text-on-primary);
}

/* Garapa logo */

.garapa-font {
  font-family: "Montserrat";
  font-weight: 800;
  color: var(--theme-primary-dark);
}

.garapa-logo {
  fill: var(--theme-primary-dark);
}

/* Theme helpers */

.theme-primary {
  color: var(--theme-primary);
}

.theme-primary-dark {
  color: var(--theme-primary-dark);
}

.theme-bg-primary {
  background-color: var(--theme-primary);
}

.theme-bg-primary-dark {
  background-color: var(--theme-primary-dark);
  color: var(--theme-text-on-primary-dark);
}

.theme-bg-primary-light {
  background-color: var(--theme-primary-light);
}

.theme-bg-secondary {
  background-color: var(--theme-secondary);
}