html, body {
  margin: 0;
  padding: 0;
  background: #f7f3ec;
}

body {
  font-family: 'Barlow', sans-serif;
  color: #1c2b2b;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
}

a {
  color: #2c4f4e;
  text-decoration-color: #c97830;
}

a:hover {
  color: #c97830;
}

input, select, textarea, button {
  font-family: inherit;
}

button {
  -webkit-tap-highlight-color: transparent;
}

@keyframes loopPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .35; }
}

.hover-border-orange:hover { border-color: #c97830 !important; }
.hover-bg-panel:hover { background: #f7f3ec !important; }
.hover-bg-dark:hover { background: #182e2d !important; }
.hover-bg-teal-tint:hover { background: #22403e !important; }
.hover-orange:hover { color: #c97830 !important; }
.hover-fade:hover { opacity: 0.75; }
.hover-bg-orange-tint:hover { background: rgba(201,120,48,0.09) !important; }
.hover-bg-teal-tint2:hover { background: rgba(92,140,138,0.06) !important; }
.hover-bg-edf1ef:hover { background: #edf1ef !important; }
.hover-brightness:hover { filter: brightness(1.05); }
.hover-brightness-dim:hover { filter: brightness(0.97); }
.hover-bg-orange-strong:hover { background: #b0651f !important; }

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(201,120,48,0.4);
}

::placeholder {
  color: #9a9284;
}