/* Variable-driven site utilities that replace custom Tailwind color tokens. */
.site-surface-primary {
  background-color: var(--brand-dark);
}

.site-surface-soft {
  background-color: var(--brand-light);
}

.site-text-primary {
  color: var(--brand-dark);
}

.site-border-accent {
  border-color: var(--brand-mid);
}

.site-border-primary {
  border-color: var(--brand-dark);
}

.site-hover-surface-accent:hover {
  background-color: var(--brand-mid);
}

.site-hover-text-primary:hover {
  color: var(--brand-dark);
}

.site-hover-border-primary:hover {
  border-color: var(--brand-dark);
}

.group:hover .site-group-hover-text-primary {
  color: var(--brand-dark);
}

.maintenance-copy {
  color: rgba(255, 255, 255, .9);
}

.maintenance-copy h1,
.maintenance-copy h2,
.maintenance-copy h3 {
  color: #fff;
  font-weight: 700;
  margin-bottom: .75rem;
}

.maintenance-copy h1 {
  font-size: 2rem;
  line-height: 1.15;
}

.maintenance-copy p {
  color: rgba(255, 255, 255, .78);
  line-height: 1.7;
  margin-bottom: 1rem;
}