/* Rinde Pro – tokens de marca. Dark-first; el claro se activa con prefers-color-scheme o data-tema="claro". */
:root {
  --fondo: #0E1821; --superficie: #16232F; --cabecera: #1C2E3D;
  --texto: #E8EEF2; --texto2: #9AAEBE; --linea: #2A3B4A;
  --acero: #2F4A5F;
  --cesped: #3FBF7A; --cesped-fondo: #173A2A;
  --pique: #F26B21; --pique-texto: #13202B; --caliente: #FF8A4C;
  --alerta: #F07070;
  --radio: 14px; --gutter: 16px;
  --titulo: 'Barlow Condensed', 'Arial Narrow', Impact, sans-serif;
  --cuerpo: 'Barlow', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-tema="oscuro"]) {
    --fondo: #F3F6F8; --superficie: #FFFFFF; --cabecera: #E8EEF2; --texto: #13202B; --texto2: #4E6476; --linea: #D3DDE5;
    --cesped: #18794A; --cesped-fondo: #DDF3E8; --alerta: #C53A3A; color-scheme: light;
  }
}
:root[data-tema="claro"] {
  --fondo: #F3F6F8; --superficie: #FFFFFF; --cabecera: #E8EEF2; --texto: #13202B; --texto2: #4E6476; --linea: #D3DDE5;
  --cesped: #18794A; --cesped-fondo: #DDF3E8; --alerta: #C53A3A; color-scheme: light;
}