:root {
  /* Primary Theme Colors */
  --primary-color: #06042e;
  --secondary-color: #ffc224;
  --accent-color: #b2bbcc;
  --background-color: #e5eaf5;
  --text-color: #5751e1;
}

/* Example usage */
body {
  color: var(--text-color);
}

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

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

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

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

.efra {
  font-family: "Efra", serif;
}