:root {
  --bs-link-color: cyan;
  --bs-link-hover-color: #00bcd4;
}

/* Extra safety if something overrides variables */
a {
  color: cyan;
}
a:hover,
a:focus {
  color: #00bcd4;
}

/* Dark background for the whole pager bar */
ul.pagination {
  background-color: #222; /* dark gray */
  padding: 0.5rem;
  border-radius: 0.25rem;
}

/* White text on page links */
ul.pagination .page-link {
  color: #fff;
  background-color: transparent; /* remove Bootstrap white background */
  border: none; /* optional */
}

/* Hover color for links */
ul.pagination .page-link:hover {
  color: #00bcd4;
}

/* Highlight the active page number in the pager */
ul.pagination .page-item.active .page-link {
  background-color: #00bcd4; /* cyan to match your theme */
  color: #000; /* black text for contrast */
  border: none; /* optional: remove Bootstrap border */
}

/* Optional: make sure hover doesn't change it */
ul.pagination .page-item.active .page-link:hover {
  background-color: #00bcd4;
  color: #000;
}

/* Fix tables background color */
/* Remove forced white background from tables in content */
.node--type-page table {
  background-color: inherit !important;
}
.node--type-page table td,
.node--type-page table th {
  background-color: inherit !important;
}

.node--type-page table,
.node--type-page table td,
.node--type-page table th {
  background-color: inherit !important;
  color: inherit !important; /* Inherit the theme’s text color */
}