/* Importar fuentes de Google */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Source+Serif+4:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');


/* Variables globales: fuente y acento */
body {
  --font-text-theme: 'Source Serif 4', Georgia, serif;
  --interactive-accent: #d4a24e !important;
  --interactive-accent-hover: #e0b866 !important;
  --text-accent: #d4a24e !important;
  --text-accent-hover: #e0b866 !important;
}

/* Cuerpo del texto */
.markdown-preview-view {
  font-size: 1.37em;
  font-weight: 400;
  background-color: #12181a !important;
  color: #d4d0c8 !important;
}

@media (min-width: 800px) {
  .markdown-preview-view p {
    text-align: justify;
/*    hyphens: auto; */
  }
}

/* Espaciado moderno */
.markdown-preview-view p {
  margin-bottom: 1.4em;
  line-height: 1.75;
}

/* Encabezados */
.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3,
.markdown-preview-view h4,
.markdown-preview-view h5,
.markdown-preview-view h6 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 900 !important;
}

/* Títulos: un punto más cerrados */
.markdown-preview-view h1 { letter-spacing: -0.05em !important; }
.markdown-preview-view h2 { letter-spacing: -0.04em !important; }
.markdown-preview-view h3,
.markdown-preview-view h4 { letter-spacing: -0.03em !important; }

.markdown-preview-view h1 {
  font-size: 2.4em;
  color: #d4a24e !important;
  text-align: center;
  border-bottom: 2px solid rgba(212, 162, 78, 0.3);
  padding-bottom: 0.4em;
  margin-bottom: 1em;
}

.markdown-preview-view h2 {
  font-size: 1.9em;
  color: #d4a24e !important;
  margin-top: 2.4em;
  margin-bottom: 0.6em;
}

.markdown-preview-view h3 {
  font-size: 1.5em;
  color: #c08a3e !important;
  margin-top: 2em;
  margin-bottom: 0.5em;
}

.markdown-preview-view h4 {
  font-size: 1.25em;
  color: #b87d3a !important;
  margin-top: 1.8em;
  margin-bottom: 0.4em;
}

/* Fondo general */
body,
.app-container,
.site-body,
.published-container {
  background-color: #12181a !important;
}

/* Barra lateral */
.site-body-left-column,
.nav-list,
.site-menu {
  background-color: #12181a !important;
}

/* Navegación */
.site-body-left-column-site-name,
.nav-list-item {
  color: #d4d0c8 !important;
}

/* Enlaces activos y acentos en ámbar */
.nav-list-item.is-active,
.nav-list-item a:hover,
a.tag,
.internal-link {
  color: #d4a24e !important;
}

/* Grafo interactivo: oscuro, hundido */
.graph-view-container,
.site-graph,
.graph-container,
[class*="graph"] {
  background-color: #0d1214 !important;
  border: none !important;
  border-radius: 10px !important;
}


/* ===== BARRA LATERAL: menú primero, título después ===== */

/* Menú lateral */
.site-body-left-column [class*="nav"] a,
.site-body-left-column [class*="tree"] a,
.site-body-left-column [class*="folder"],
.site-body-left-column [class*="collapse"] {
  font-size: 1.5em !important;
  font-weight: 700 !important;
}

/* Título del sitio */
.site-body-left-column-site-name,
.site-body-left-column-site-name a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  font-size: 2.6rem !important;
  line-height: 1.15 !important;
}

.site-body-left-column-site-name-container,
.site-header,
[class*="header"] {
  background-color: #12181a !important;
}

[class*="container"],
[class*="site-body"],
[class*="content"] {
  border-radius: 0 !important;
}