:root{
  /* ---------- Marca ----------
     Lima Rival #B8E24A — OKLCH L 0.855 / C 0.181 / H 124, al 86% del gamut sRGB.
     Deliberadamente fuera del borde del gamut: a máximo croma el lima produce
     halación sobre casi negro y cansa al repetirse. Ver "Estudio del lima". */
  --lime-500:#B8E24A;        /* el color de Rival */
  --lime-600:#A7D035;        /* pressed */
  --lime-700:#96BB25;        /* borde inferior, gradiente */
  --lime-400:#C7F161;        /* hover */
  --lime-200:#DAF4A9;
  --lime-100:#E8F7CD;
  --lime-wash:rgba(184,226,74,.12);   /* tinte de contexto */
  --lime-glow:rgba(184,226,74,.26);

  /* ---------- Neutros (negro verdoso, dark-first) ---------- */
  --ink-1000:#000000;        /* splash, marca a sangre, teclado */
  --ink-950:#0B0C0A;         /* superficie de la app */
  --ink-900:#101210;
  --ink-850:#141613;         /* bloque elevado, skeleton */
  --ink-800:#1A1D18;         /* control */
  --ink-700:#1D201B;         /* línea */
  --ink-600:#2A2D26;         /* trazo inactivo */
  --ink-500:#55594F;         /* etiqueta deshabilitada */
  --ink-400:#6E756A;         /* texto secundario en piezas grandes */
  --ink-300:#9AA093;         /* texto secundario legible, foto */
  --ink-100:#D8DCD4;
  --ink-0:#FFFFFF;

  /* ---------- Estado de juego ---------- */
  --win:#B8E24A;             /* victoria — el color de marca hace doble función */
  --loss:#FF3B4E;            /* derrota */
  --draw:#6E756A;            /* empate */
  --up:#B8E24A;
  --down:#FF3B4E;
  --live:#FF3B4E;            /* en vivo */

  /* ---------- Alias semánticos ---------- */
  --bg-app:var(--ink-950);
  --bg-brand:var(--lime-500);
  --surface-raised:var(--ink-850);
  --surface-control:var(--ink-800);
  --surface-accent:var(--lime-500);

  --text-primary:var(--ink-0);
  --text-secondary:var(--ink-300);
  --text-tertiary:var(--ink-400);
  --text-disabled:var(--ink-500);
  --text-accent:var(--lime-500);
  --text-on-accent:var(--ink-950);
  --text-on-accent-muted:rgba(11,12,10,.62);
  --text-on-photo:var(--ink-300);

  --line-hairline:var(--ink-700);
  --line-strong:var(--ink-600);
  --line-accent:var(--lime-500);

  --icon-default:var(--ink-0);
  --icon-muted:var(--ink-300);
  --icon-accent:var(--lime-500);

  --focus-ring:var(--lime-500);
}