/* Tokens de la CANCHA del editor de Jugadas/Ejercicios (court.js).

   Es una pieza propia, separada de la pista de tiro de x-p: NO usa ni
   comparte `--zona-*` / `--pista-*` de tokens/court.css (esos son de la
   pista de zonas de x-p). Aquí solo hay lo que dibuja la cancha del editor:
   parqué claro con tablillas, líneas y círculos en crema, zona pintada en
   sólido con el verde de trabajo del proyecto, marco verde.

   Diseño de referencia: cancha-xbasket-fiba (SVG de Claude Design,
   21/09/2026). Los valores de suelo y vetas son los de ese SVG.

   Los otros tres estilos de pista (azul-naranja, gris-cemento,
   roble-clasico) siguen con sus colores base y vetas propios de court.js:
   de este archivo solo cambian líneas, zona y marco.

   El PDF y la exportación de imagen no cargan este archivo: PRINT_CSS
   (js/00-print-html-shared.js) define su propia versión de estas variables
   con valores para papel. */
:root {
  /* Parqué claro (estilo "clásico") */
  --cancha-suelo: #e3cda4;
  --cancha-veta-oscura: #d8bd8e;
  --cancha-veta-clara: #ecd8b3;

  /* Marcas de la pista: líneas, círculos y aro */
  --cancha-linea: #faf8f4;

  /* Zona pintada y marco exterior */
  --cancha-pintura: var(--xb-green);
  --cancha-borde: var(--xb-green);
  --cancha-marco: #faf8f4;

  /* Suelo de los otros tres estilos de pista (sus vetas siguen en court.js y
     en las miniaturas del modal Colores, copiadas de los HTML de Manuel) */
  --cancha-suelo-azul-naranja: #c6a672;
  --cancha-suelo-gris-cemento: #8f9095;
  --cancha-suelo-roble-clasico: #a98a5d;

  /* Elementos colocados sobre la cancha en el editor (jugadores, conos,
     balón, entrenador, líneas, zonas, texto libre) y su selección. Los
     colores que elige el usuario son `--color-*` de style.css, no estos. */
  --cancha-trazo: #f5f5f5;
  --cancha-cono-base: #7a3d0f;
  --cancha-texto-libre: #171717;
  --cancha-zona-relleno: #000000;
  --cancha-seleccion: #ffd166;
  --cancha-seleccion-grupo: #4da3ff;
  --cancha-asa-relleno: #ffffff;
  --cancha-asa-borde: #14181f;
}