:root {
  /* Primary Theme Colors */
  --primary-color: #214a46;
  --secondary-color: #fe696a;
  --accent-color: #4b543b;

  /* Background and Text */
  --background-color: #e5f5ee;
  --text-color: #181818;
}

/* =========================
   BASE STYLES
========================= */
html, body {
  margin: 0;
  padding: 0;
}

body {
  color: var(--text-color);
  background-color: var(--background-color);
  font-family: "Roboto", Arial, sans-serif;
}

/* =========================
   FONT DEFINITIONS
========================= */

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

/* Old English (Decorative / Certificate Only) */
@font-face {
  font-family: "OldEnglish";
  src: url("../css/fonts/oldenglishtextmt.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* =========================
   FONT UTILITY CLASSES
========================= */

/* Certificate normal text */
.times-roman {
  font-family: "Times New Roman", Times, serif;
}

/* Decorative text */
.old-english {
  font-family: "OldEnglish", serif;
}

/* =========================
   OPTIONAL TOMKIN FONT
   (Enable ONLY if font exists)
========================= */
/*
@font-face {
  font-family: "Tomkin";
  src: url("../css/fonts/Tomkin-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

/* =========================
   ANIMATIONS
========================= */
@keyframes scrollUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}