/* Nationale Kringloopbon - Updated Branding */
:root {
  --nationale-green: #18a11a;
  --nationale-green-10: #18a11a1a;
  --nationale-green-15: #18a11a26;
  --nationale-green-20: #18a11a33;
  --nationale-green-30: #18a11a4d;
  --nationale-green-5: #18a11a0d;
  --nationale-green-80: #18a11acc;
  --nationale-green-90: #18a11ae6;
}

/* Replace all preloved-purple references with nationale-green */
.text-nationale-green {
  color: var(--nationale-green);
}

.bg-nationale-green {
  background-color: var(--nationale-green);
}

.bg-nationale-green\/5 {
  background-color: var(--nationale-green-5);
}

.bg-nationale-green\/10 {
  background-color: var(--nationale-green-10);
}

.bg-nationale-green\/15 {
  background-color: var(--nationale-green-15);
}

.bg-nationale-green\/20 {
  background-color: var(--nationale-green-20);
}

.bg-nationale-green\/30 {
  background-color: var(--nationale-green-30);
}

.bg-nationale-green\/80 {
  background-color: var(--nationale-green-80);
}

.bg-nationale-green\/90 {
  background-color: var(--nationale-green-90);
}

.border-nationale-green {
  border-color: var(--nationale-green);
}

.border-nationale-green\/10 {
  border-color: var(--nationale-green-10);
}

.border-nationale-green\/20 {
  border-color: var(--nationale-green-20);
}

.hover\:bg-nationale-green\/10:hover {
  background-color: var(--nationale-green-10);
}

.hover\:bg-nationale-green\/90:hover {
  background-color: var(--nationale-green-90);
}

.hover\:text-nationale-green:hover {
  color: var(--nationale-green);
}

.hover\:text-nationale-green\/80:hover {
  color: var(--nationale-green-80);
}

.focus\:ring-nationale-green:focus {
  --tw-ring-color: var(--nationale-green);
}

.from-nationale-green\/10 {
  --tw-gradient-from: var(--nationale-green-10);
  --tw-gradient-to: transparent;
}

/* Button styles */
.btn-primary {
  background-color: var(--nationale-green);
  color: white;
}

.btn-primary:hover {
  background-color: var(--nationale-green-90);
}

.btn-outline {
  border-color: var(--nationale-green);
  color: var(--nationale-green);
}

.btn-outline:hover {
  background-color: var(--nationale-green-10);
}