:root {
  --rhacs-gradient-start: #fdf2f2;
  --rhacs-gradient-end: #fff7ed;
  --rhacs-card-border: rgba(185, 28, 28, 0.18);
  --rhacs-card-shadow: 0 10px 28px rgba(120, 19, 19, 0.12);
}

[data-md-color-scheme="slate"] {
  --rhacs-gradient-start: #201417;
  --rhacs-gradient-end: #1d1f28;
  --rhacs-card-border: rgba(251, 113, 133, 0.28);
  --rhacs-card-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

.md-typeset h1 {
  letter-spacing: -0.02em;
}

.rhacs-hero {
  background: linear-gradient(120deg, var(--rhacs-gradient-start), var(--rhacs-gradient-end));
  border: 1px solid var(--rhacs-card-border);
  border-radius: 1rem;
  box-shadow: var(--rhacs-card-shadow);
  margin: 0 0 1.5rem;
  padding: 1.3rem 1.4rem;
}

.rhacs-hero p {
  margin-bottom: 0.7rem;
}

.rhacs-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.rhacs-hero-actions .md-button {
  margin: 0;
}

.rhacs-card-grid {
  margin-top: 0.7rem;
}

.rhacs-card-grid .grid.cards > ul > li {
  border: 1px solid var(--rhacs-card-border);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.rhacs-card-grid .grid.cards > ul > li:hover {
  box-shadow: var(--rhacs-card-shadow);
  transform: translateY(-2px);
}

[data-md-color-scheme="slate"] .rhacs-card-grid .grid.cards > ul > li {
  background: rgba(255, 255, 255, 0.03);
}