/* Tokens de diseño de FutNova: los valores se definen aquí una sola vez
   y el resto de los estilos los usa con var(--nombre). */
:root {
  /* Colores */
  --grafito: #15191D;
  --blanco-calido: #F6F6F2;
  --lima: #C5F36A;
  --acero: #858B90;

  /* Derivados (para contraste legible): el gris acero puro queda pálido como
     texto pequeño sobre blanco, así que el texto secundario usa uno más oscuro. */
  --grafito-profundo: #0E1215; /* barra superior y pies */
  --grafito-claro: #232A30;    /* campos sobre fondo grafito */
  --acero-oscuro: #5A6166;
  --borde: #D8D9D2;
  --banda: #ECECE5;            /* franja de fondo para separar secciones */
  --blanco: #FFFFFF;
  --ok: #2E7D32;
  --aviso: #A85F00;
  --error: #B3261E;

  /* Tipografía (Manrope e Inter se cargan desde fuentes/ con css/fuentes.css) */
  --fuente-titulos: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fuente-texto: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Espacios */
  --espacio-1: 0.5rem;
  --espacio-2: 1rem;
  --espacio-3: 1.5rem;
  --espacio-4: 2.5rem;

  /* Forma */
  --radio: 0.25rem;          /* esquinas casi rectas: look deportivo, no de aplicación */
  --sombra: 0 1px 2px rgba(21, 25, 29, 0.08), 0 6px 16px rgba(21, 25, 29, 0.06);
  --ancho-max: 72rem;
  --alto-toque: 2.75rem; /* tamaño mínimo cómodo para pulsar en móvil */
}