/* Shared typography for the main A Bola Conecta site.
   Copa 2026 keeps its campaign-specific editorial system. */
:root {
  --font-display: "Lora", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-data: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display);
}

code,
kbd,
pre,
samp,
.pix-panel__key {
  font-family: var(--font-data);
}

.page-header-section {
  font-family: var(--font-body);
}