:root {
  --accent: hsl(210, 60%, 55%);
  --accent-dark: hsl(210, 60%, 46%);
}

/* Override Bulma's link/primary to use our accent blue */
.button.is-link {
  background-color: var(--accent);
  border-color: transparent;
}
.button.is-link:hover,
.button.is-link:focus {
  background-color: var(--accent-dark);
  border-color: transparent;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: var(--accent);
  color: var(--accent);
}
.button.is-link.is-outlined:hover {
  background-color: var(--accent);
  border-color: transparent;
  color: #fff;
}

/* Accent icon color */
.has-text-accent {
  color: var(--accent) !important;
}

/* Card hover border */
.card-hover:hover {
  border-color: var(--accent) !important;
}

/* Section alternating backgrounds */
.section-alt {
  background-color: #fff;
}

/* Pricing card accent border */
.card-accent-border {
  border: 2px solid var(--accent);
  border-radius: 0.75rem;
}

/* Hero min-height */
.hero-custom {
  min-height: 90vh;
  display: flex;
  align-items: center;
}

/* Footer */
.site-footer {
  background-color: #111;
  color: #f6f6f6;
  padding: 2rem 1rem;
  text-align: center;
}

/* Checklist icon alignment */
.checklist li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
}

/* Service card border */
.service-card {
  border: 2px solid #e3e3e3;
  border-radius: 0.75rem;
  transition: border-color 0.2s;
}
.service-card:hover {
  border-color: var(--accent);
}

/* Contact card border */
.contact-card {
  border: 2px solid #e3e3e3;
  border-radius: 0.75rem;
}