:root {
  /* Greenbond Theme Colors */
  --primary-color: #00a146; /* Logo Green */
  --secondary-color: #00f95b; /* Accent Lime */
  --accent-color: #e6fff0; /* Soft Mint Background */
  --highlight-color: #ffc107; /* Attention / Warning */

  /* Background and Text */
  --background-color: #f6fff9; /* Light Green Background */
  --text-color: #1e1e1e; /* Primary Text Color */

  /* Optional Button Hover */
  --btn-hover-color: #008c3b; /* Darker Green on Hover */
}

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

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

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

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

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

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

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