/* ============================================================================
   FullCarro Blog · Tipografía — 3 roles deliberados (ver spec de diseño)
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');

:root {
  --fuente-display: 'Comfortaa', sans-serif;
  --fuente-cuerpo: 'Inter', system-ui, -apple-system, sans-serif;
  --fuente-datos: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
}

body {
  font-family: var(--fuente-cuerpo);
  color: var(--tinta);
  letter-spacing: 0;
  line-height: 1.6;
  margin: 0;
  background: var(--fondo);
}

h1, h2, h3, .fc-titulo-hero {
  font-family: var(--fuente-display);
  color: var(--navy);
  line-height: 1.15;
  margin: 0 0 var(--esp-3);
}

h1, .fc-titulo-hero { font-size: var(--texto-3xl); letter-spacing: -0.02em; }
h2 { font-size: var(--texto-2xl); letter-spacing: -0.01em; }
h3 { font-size: var(--texto-xl); letter-spacing: 0; }

.fc-dato-mono {
  font-family: var(--fuente-datos);
  font-weight: 700;
  letter-spacing: 0.02em;
}