/* Lista de Caballos — tokens de color y tipografía.
   Base: primario #354C44 (verde botella), secundario #9ABA9E (salvia).
   Neutros con sesgo verde. Solo modo claro: los partidos son de día. */

:root {
  color-scheme: light;
  /* Fondos y superficies */
  --bg: #F2F5F2;            /* fondo de página */
  --surface: #FFFFFF;       /* tarjetas, listas */
  --surface-2: #E8EEE9;     /* hundido, hover, filas alternas */
  --brand: #354C44;         /* barra superior, bandas de marca */
  --on-brand: #F2F7F3;      /* texto sobre --brand */
  --on-brand-2: #B9CFBC;    /* texto secundario sobre --brand */

  /* Texto */
  --text: #15201C;
  --text-2: #48574F;
  --text-3: #66756D;        /* ≥ 4.5:1 sobre --surface */

  /* Bordes */
  --border: #D6DED7;
  --border-strong: #AFC0B2;

  /* Acción */
  --primary: #354C44;
  --primary-hover: #2A3D36;
  --on-primary: #FFFFFF;
  --secondary: #9ABA9E;
  --secondary-soft: #E2ECE3;
  --on-secondary: #15201C;
  --focus: #4E7A62;

  /* Estados */
  --live: #C8372D;          /* en vivo: punto y chip sólido */
  --on-live: #FFFFFF;
  --live-soft: #FBE6E3;
  --live-text: #A82C23;
  --upcoming-soft: #E2ECE3; /* próximo, lista publicada */
  --upcoming-text: #2B4A3C;
  --pending: #D89B2B;       /* lista sin publicar */
  --pending-soft: #FBEFD6;
  --pending-text: #7E520A;
  --past-soft: #E8EEE9;     /* jugado */
  --past-text: #48574F;

  --shadow: 0 1px 2px rgb(21 32 28 / .06), 0 4px 16px rgb(21 32 28 / .06);

  /* Tipografía */
  --font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
}