/* Paleta verde, alineada con los tokens Material Design 3 del editor (/opt/docs) */

:root {
  --md-primary-fg-color: #2E6E48;
  --md-primary-fg-color--light: #4C8863;
  --md-primary-fg-color--dark: #1D4C31;
  --md-primary-bg-color: #FFFFFF;
  --md-primary-bg-color--light: #FFFFFF;
  --md-accent-fg-color: #3C6472;
  --md-accent-fg-color--transparent: #3c647233;
  --md-accent-bg-color: #FFFFFF;
  --md-accent-bg-color--light: #FFFFFF;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #96D5AA;
  --md-primary-fg-color--light: #B7E5C4;
  --md-primary-fg-color--dark: #6FAE83;
  --md-primary-bg-color: #00391E;
  --md-primary-bg-color--light: #00391E;
  --md-accent-fg-color: #A3CEDE;
  --md-accent-fg-color--transparent: #a3cede33;
  --md-accent-bg-color: #00391E;
  --md-accent-bg-color--light: #00391E;
  --md-default-bg-color: #10140F;
  --md-default-fg-color: #DEE4DA;
  --md-default-fg-color--light: #C1C9BD;
  --md-default-fg-color--lighter: #8B9389;
}

/* Tarjetas de la portada */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  border-radius: 16px;
  transition: box-shadow .2s ease, transform .2s ease;
}

.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid.cards > ol > li:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
}

/* Botón de búsqueda y bordes redondeados generales, más acorde a Material 3 */
.md-search__form,
.md-typeset table:not([class]),
.md-typeset .admonition,
.md-typeset details {
  border-radius: 12px;
}

.md-header {
  box-shadow: none;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

[data-md-color-scheme="slate"] .md-header {
  border-bottom: 1px solid rgba(255,255,255,.08);
}