:root{
  --zupe-green: #74CC00;
  --zupe-black: #0B0B0B;
  --zupe-bg: #F5F6F7;
  --zupe-line: #E6E8EB;
}

body{ background: var(--zupe-bg); color: var(--zupe-black); }

.zupe-header{ background: #fff; }
.zupe-footer{ background: #fff; border-top: 1px solid var(--zupe-line); }

.nav-link{ color: var(--zupe-black); font-weight: 500; }
.nav-link:hover{ color: #3a6b00; }
.nav-link.active{ color: #3a6b00; }

.btn-zupe{
  background: var(--zupe-green);
  border: 1px solid var(--zupe-green);
  color: var(--zupe-black);
  font-weight: 700;
}
.btn-zupe:hover{ filter: brightness(0.95); }

.btn-zupe-outline{
  background: transparent;
  border: 1px solid var(--zupe-line);
  color: var(--zupe-black);
  font-weight: 600;
}
.btn-zupe-outline:hover{ border-color: var(--zupe-green); }

.footer-link{ color: #5b5b5b; text-decoration: none; }
.footer-link:hover{ color: var(--zupe-black); }