/* =========================================================
   TEMA CLARO — VERDE SALVIA
   ========================================================= */

[data-md-color-scheme="default"] {

  /* Principal */
  --md-primary-fg-color: #52796F;
  --md-primary-fg-color--light: #84AFA2;
  --md-primary-fg-color--dark: #3F6158;

  /* Acento */
  --md-accent-fg-color: #D4775C;
  --md-accent-fg-color--transparent: rgba(212, 119, 92, 0.12);

  /* Fondo */
  --md-default-bg-color: #F7F8F5;

  /* Texto */
  --md-default-fg-color: #303735;
  --md-default-fg-color--light: #5B6561;
  --md-default-fg-color--lighter: #7C8782;
  --md-default-fg-color--lightest: #D4DCD8;

  /* Código */
  --md-code-bg-color: #EDF1EE;
  --md-code-fg-color: #303735;

  /* Footer */
  --md-footer-bg-color: #3F6158;
  --md-footer-bg-color--dark: #304B44;
  --md-footer-fg-color: #FFFFFF;
  --md-footer-fg-color--light: #DCE7E3;
}


/* =========================================================
   TEMA OSCURO — VERDE SALVIA
   ========================================================= */

[data-md-color-scheme="slate"] {

  --md-hue: 155;

  /* Principal */
  --md-primary-fg-color: #84AFA2;
  --md-primary-fg-color--light: #A8C9C0;
  --md-primary-fg-color--dark: #648F82;

  /* Acento */
  --md-accent-fg-color: #E99A7F;
  --md-accent-fg-color--transparent: rgba(233, 154, 127, 0.14);

  /* Fondo */
  --md-default-bg-color: #19201E;

  /* Texto */
  --md-default-fg-color: #E2E9E5;
  --md-default-fg-color--light: #BCC8C3;
  --md-default-fg-color--lighter: #929F99;
  --md-default-fg-color--lightest: #505C57;

  /* Código */
  --md-code-bg-color: #222B27;
  --md-code-fg-color: #E2E9E5;

  /* Footer */
  --md-footer-bg-color: #101512;
  --md-footer-bg-color--dark: #0B0F0D;
  --md-footer-fg-color: #E2E9E5;
  --md-footer-fg-color--light: #929F99;
}


/* =========================================================
   ENLACES
   ========================================================= */

[data-md-color-scheme="default"] .md-typeset a {
  color: #3F6F63;
}

[data-md-color-scheme="default"] .md-typeset a:hover {
  color: #D4775C;
}

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

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


/* =========================================================
   TÍTULOS
   ========================================================= */

[data-md-color-scheme="default"] .md-typeset h1 {
  color: #3F6158;
}

[data-md-color-scheme="default"] .md-typeset h2 {
  color: #52796F;
}

[data-md-color-scheme="default"] .md-typeset h3 {
  color: #D4775C;
}


[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #A8C9C0;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  color: #84AFA2;
}

[data-md-color-scheme="slate"] .md-typeset h3 {
  color: #E99A7F;
}


/* =========================================================
   NAVEGACIÓN
   ========================================================= */

[data-md-color-scheme="default"] .md-nav__link--active {
  color: #52796F !important;
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #91BDB0 !important;
  font-weight: 600;
}


/* =========================================================
   CÓDIGO
   ========================================================= */

.md-typeset pre {
  border-radius: 8px;
  border: 1px solid rgba(82, 121, 111, 0.15);
}

[data-md-color-scheme="slate"] .md-typeset pre {
  border-color: rgba(132, 175, 162, 0.15);
}


/* =========================================================
   TABLAS
   ========================================================= */

[data-md-color-scheme="default"] .md-typeset table:not([class]) th {
  background-color: #52796F;
  color: #FFFFFF;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #3F6158;
  color: #FFFFFF;
}


/* =========================================================
   BOTONES
   ========================================================= */

.md-button {
  border-radius: 7px;
}

.md-button--primary {
  background-color: #52796F;
  border-color: #52796F;
}

.md-button--primary:hover {
  background-color: #3F6158;
  border-color: #3F6158;
}


/* =========================================================
   ADMONITIONS
   ========================================================= */

.md-typeset .admonition,
.md-typeset details {
  border-radius: 8px;
}


/* =========================================================
   SELECCIÓN DE TEXTO
   ========================================================= */

::selection {
  background: rgba(212, 119, 92, 0.25);
}


/* =========================================================
   SEPARADORES
   ========================================================= */

.md-typeset hr {
  border-bottom-color: rgba(82, 121, 111, 0.20);
}

[data-md-color-scheme="slate"] .md-typeset hr {
  border-bottom-color: rgba(132, 175, 162, 0.20);
}