:root {
  /* Primary Theme Colors */
  --primary-color: #8b1e3f;
  --secondary-color: #ff6f00;
  --accent-color: #f9a825;
  --highlight-color: #e53935;

  /* Background and Text */
  --background-color: #fff8f0;
  --text-color: #5d4037;

  /* Optional Button Hover */
  --btn-hover-color: #d84315;
}

/* Example usage */
body {
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: "Poppins", sans-serif;
}

@font-face {
  font-family: "Roboto";
  src: url("../css/fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.times-roman {
  font-family: "Times New Roman", Times, serif;
}

.tomkin {
  font-family: "Tomkin", Times, serif;
}

@keyframes scrollUp {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(-100%);
  }
}