/*
 * Single source of truth for every font used across Portal-Afiliados.
 * To change a font anywhere in the app, change it here — do not add
 * per-page Google Fonts <link> tags or hardcode font-family names
 * in component CSS. Use the CSS variables below instead.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=Orbitron:wght@500;700;800&family=Rajdhani:wght@400;500;700&family=Playfair+Display:wght@400;600;700&family=Libre+Baskerville:wght@700&family=Inter:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  /* Core brand font — headings, body, and buttons on every regular page */
  --font-primary: 'DM Sans', sans-serif;

  /* 404 page only (sci-fi theme) */
  --font-404-display: 'Orbitron', sans-serif;
  --font-404-accent: 'Rajdhani', sans-serif;

  /* Product/bundle marketing pages only */
  --font-accent-serif: 'Playfair Display', serif;
  --font-accent-serif-bold: 'Libre Baskerville', serif;

  /* landingVendedores page only */
  --font-alt-body: 'Inter', sans-serif;
  --font-alt-heading: 'Outfit', sans-serif;
}

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