/* ==========================================================================
   Paleta de colores (GitHub Dark)
   ========================================================================== */
:root {
  --bg-primary: #0d1117;
  --bg-secondary: #161b22;
  --bg-tertiary: #21262d;
  --border-color: #30363d;
  --accent-color: #58a6ff;
  --text-primary: #e6edf3 !important;

}

/* ==========================================================================
   Barra de navegación superior
   ========================================================================== */
.md-tabs {
  background-color: var(--bg-secondary);
  border-bottom: 1px solid var(--border-color);
}

/* ==========================================================================
   Bloques de código
   ========================================================================== */
.highlight pre {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  transition: border-color 0.2s ease;
}

.highlight pre:hover {
  border-color: var(--accent-color);
}

/* Código inline */
.md-typeset code {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);   /* o un color claro fijo, ej: #e6e6e6 */
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 0.15em 0.4em;
  font-size: 0.9em;
}