/* Global page background and text */
html,
body,
#root {
  background-color: #000000 !important;
  color: #ffffff !important;
  font-weight: bold;
}

/* Service tiles (cards) */
.service-card,
.service-card .card,
.service-card .card-content,
.service-card .clickable {
  background-color: #0000ff !important;
  color: #ffffff !important;
  border-radius: 0.5rem;
}

/* Text inside service cards */
.service-card *,
.service-card a,
.service-card span,
.service-card div {
  color: #ffffff !important;
  font-weight: bold;
}

/* Group titles / headers */
.group > h2,
.group-title,
.group-header {
  color: #ffffff !important;
  font-weight: bold;
}

/* Remove any default hover color that might clash */
.service-card:hover,
.service-card .card:hover,
.service-card .clickable:hover {
  background-color: #0000ff !important;
  filter: brightness(1.05);
}

/* Icons in cards */
.service-card svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}