/* ═══════════════════════════════════════════════════════════════
   iossa-base.css — base visual COMPARTIDA con Gran DT
   (dt.matchmaking-iosoccer-sudamerica.bid, static/theme.css → tokens --gdt-*).

   Decisión de diseño (1-oct-2026): las dos webs comparten fondo, superficies,
   bordes, textos y letra; cada sección conserva su color de acento
   (pagina-mms = naranja, Gran DT = verde). Estos valores son COPIA de los
   --gdt-* neutros de Gran DT: si se cambian allá, cambiarlos acá también.

   Se carga AL FINAL del <head> de cada página (después de los <style> inline)
   para poder sobrescribirlos. Las fuentes (DM Sans + Bebas Neue) se piden en
   el <link> de Google Fonts de cada página.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Superficies (= --gdt-bg / --gdt-surface-* de Gran DT) */
  --iossa-bg:         #07090c;
  --iossa-surface-1:  #0d1014;
  --iossa-surface-2:  #14181e;
  --iossa-surface-3:  #1c222a;
  --iossa-border:     #232b35;
  --iossa-border-hi:  #323d4a;

  /* Texto (= --gdt-text-*) */
  --iossa-text-hi:  #f2f5f7;
  --iossa-text:     #b8c2cc;
  --iossa-text-mid: #7f8b98;
  --iossa-text-lo:  #565f6a;

  /* Letra (= --font-titulo / --font-body de Gran DT) */
  --iossa-font-texto:  'DM Sans', system-ui, sans-serif;
  --iossa-font-titulo: 'Bebas Neue', 'DM Sans', sans-serif;

  /* Bebas Neue tiene un solo peso: sin esto el navegador le inventa una
     "negrita" engordando las letras, y se ve borrosa. DM Sans es variable
     (todos los pesos reales), así que no le afecta. */
  font-synthesis-weight: none;
}

html, body {
  background-color: var(--iossa-bg);
}

body {
  font-family: var(--iossa-font-texto);
}

/* Títulos de página en la letra de titulares de Gran DT. Bebas Neue es
   condensada y de un solo peso: va sin negrita y con un poco de aire.
   "body" adelante: algunas páginas definen su h1 en un <style> del body, que
   se lee después que este archivo; así esta regla gana igual. */
body .main-content h1 {
  font-family: var(--iossa-font-titulo);
  font-weight: 400;
  letter-spacing: 0.015em;
}