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

/* Variables o utilidades: define familias por defecto */
:root {
  --font-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  --font-display: 'Poppins', var(--font-sans);
  --font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', monospace;
}

body {
  font-family: var(--font-sans);
}

.heading {
  font-family: var(--font-display);
}

code, pre {
  font-family: var(--font-mono);
}