/* =============================================
   TEMA: Cyan & Fuego — Vivo & Mágico
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

:root {
  /* Tipografía */
  --base-font-family: 'Poppins', sans-serif;
  --heading-font-family: 'Poppins', sans-serif;

  /* Fondo contenido principal — cyan muy pálido */
  --base-background-color: #f0fcfd;

  /* Texto */
  --base-color: #1a2a2a;

  /* Links */
  --link-color: #e85d04;
  --link-color--hover: #009aaa;
  --link-text-decoration: none;
  --link-text-decoration--hover: underline;

  /* Títulos */
  --h1-color: #00aabb;
  --h2-color: #e85d04;
  --h3-color: #007a88;
  --h4-color: #00994d;
  --heading-font-weight: 700;

  /* --- SIDEBAR — durazno/naranja muy pálido --- */
  --sidebar-background: #fff3eb;
  --sidebar-color: #2a1500;
  --sidebar-nav-link-color: #c44d00;       /* naranja oscuro, legible */
  --sidebar-nav-link-color--hover: #00994d;
  --sidebar-nav-link-color--active: #e85d04;
  --sidebar-nav-link-font-weight--active: bold;
  --sidebar-border-color: #ffd4b0;         /* borde suave naranja */

  /* Blockquotes */
  --blockquote-border-color: #4a7c59;
  --blockquote-color: #4a5e52;
  --blockquote-background: #f0f7f2;
  
  /* Código inline */
  --code-inline-background: #e8ecf0;
  --code-inline-color: #3a5068;

  /* Código en bloque */
  --code-block-background: #0e1620;
  --code-block-color: #b8cfe0;

  /* Bordes contenido */
  --border-color: #b2eef3;

  /* Tablas */
  --table-head-background: #d0f7fa;
  --table-row-odd-background: #f0fcfd;
  --table-row-even-background: #e6fbfc;

  /* Cover / botones */
  --cover-button-primary-background: #e85d04;
  --cover-button-primary-color: #ffffff;
  --cover-button-primary-border: 1px solid #c44d00;
}

/* H2 con línea naranja */
h2 {
  border-bottom: 2px solid #e85d04;
  padding-bottom: 0.25em;
}

/* Blockquote */
blockquote {
  border-left: 4px solid var(--blockquote-border-color) !important;
  background: var(--blockquote-background);
  padding: 0.8em 1.2em;
  border-radius: 0 8px 8px 0;
}

/* Título del sitio en sidebar */
.sidebar > h1 a {
  color: #e85d04 !important;
}

/* Transición suave */
.sidebar-nav a {
  transition: color 0.2s ease;
}