[data-md-color-primary="indigo"] {
  /* Primary color palette - must match frontend globals.css colors:
     Light mode: --primary-light (#bde752)
     Dark mode: --primary-dark (#d0fd5a)
     Accent: --primary-accent (#a8cd49)
  */
  --md-primary-fg-color: #bde752;
  --md-primary-fg-color--light: #d0fd5a;
  --md-primary-fg-color--dark: #a8cd49;
}

[data-md-color-accent="indigo"] {
  --md-accent-fg-color: #bde752;
  --md-accent-fg-color--transparent: rgba(189, 231, 82, 0.1);
}

[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #d0fd5a;
}

[data-md-color-scheme="slate"] .md-typeset a:not(.md-button) {
  color: #d0fd5a;
}

/* Primary button: dark text on green background, matching frontend primary-foreground (#111111) */
.md-typeset .md-button--primary,
.md-typeset .md-button--primary:hover,
.md-typeset .md-button--primary:focus {
  color: #111111;
}

/* Hero cards on the index page */
.hero-card {
  padding: 1.5rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.5rem;
  text-align: center;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

.hero-card:hover {
  border-color: var(--md-primary-fg-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.hero-icon {
  font-size: 2.5rem;
  color: var(--md-primary-fg-color);
}

.hero-card h3 {
  margin-top: 0.5rem;
}

.hero-card .md-button {
  margin-top: 0.5rem;
}