/* ============================
   THEME.CSS — Estilos globales
   ============================ */

/* Tipografía base de Observable Framework */
:root {
  --font-sans: -apple-system, system-ui, "avenir next", avenir, helvetica,
               "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
  --axis-font-size: 13px;        /* 12–14px suele verse bien en web/impreso */
               
}

/* Encabezados */
html, body{ font-family: var(--font-sans); font-size: var(--body-font-size); color: var(--text-strong); }

h1, h2, h3 {
  font-family: var(--font-sans);
  color: #2e2e2e;
  letter-spacing: -0.2px;
  line-height: 1.3;
  margin: 0;
}

h1{ font-size: var(--h1-font-size); font-weight: 800; }
h2{ font-size: var(--h2-font-size); font-weight: 700; margin-bottom: 0.15rem; }
h3{ font-size: var(--h3-font-size); font-weight: 500; color: var(--text-muted);
    margin-top: 0.25rem; margin-bottom: 0.75rem; }

/* Estilo adicional sugerido */
.card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  padding: 1rem 1.5rem;
  margin: 1rem 0;
}