@import "./reset.css";
@import "./variables.css";

* {
  accent-color: var(--primary-color);
}

body {
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  color: var(--text-color);
  background-color: var(--background-color);
  transition: background-color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

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

a,
a:visited {
  color: var(--primary-color);
  text-decoration: none;
}

.flex {
  display: flex;
}

p {
  margin: 0;
}

div.success-msg {
  margin-top: var(--spacing-lg);
  padding: var(--spacing-md);
  background-color: var(--success-color);
}

div.error-msg {
  margin-top: var(--spacing-lg);
  padding: var(--spacing-md);
  background-color: var(--error-color);
}