@import "variables.css";

* {
  box-sizing: border-box;
}

body,
html {
  font-family: var(--font-body) !important;
  background: var(--cream) !important;
  color: var(--text) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display) !important;
  font-weight: 600;
  color: var(--text);
}

strong,
b {
  font-weight: 700;
  color: var(--text);
}

a {
  color: var(--orange);
}

button,
.btn,
a.btn,
.cta {
  background: var(--orange) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: 24px !important;
  text-decoration: none;
}

hr {
  border-top: 1px solid var(--text) !important;
}

.header .body,
footer .bar {
  background: var(--berry) !important;
}

footer,
.container,
.content {
  color: var(--text);
}