/* ============================================================
   Tokens de diseño — identidad Nexion (tema oscuro)
   Extraídos del sistema de referencia Nexion.
   ============================================================ */
:root {
  /* ===== Superficies y neutros ===== */
  --color-bg:        #0d1117;
  --color-surface:   #161b22;
  --color-surface-2: #21262d;
  --color-surface-3: #2d333b;
  --color-border:    #30363d;
  --color-border-2:  #21262d;
  --color-text:      #e6edf3;
  --color-text-soft: #8b949e;
  --color-text-mute: #6e7681;

  /* ===== Marca / acento ===== */
  --color-primary:       #1f6feb;
  --color-primary-hover: #58a6ff;
  --color-primary-soft:  rgba(31, 111, 235, .12);

  /* ===== Tipografías Nexion (IBM Plex) ===== */
  --font-display: 'IBM Plex Serif', Georgia, serif;
  --font-body:    'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* ===== Semánticos (estado de pista/reserva/partido) ===== */
  --color-disponible:      #22c55e;
  --color-disponible-soft: rgba(34, 197, 94, .12);
  --color-ocupado:         #dc2626;
  --color-ocupado-soft:    rgba(220, 38, 38, .12);
  --color-atencion:        #d29922;
  --color-atencion-soft:   rgba(210, 153, 34, .12);
  --color-info:            #58a6ff;
  --color-info-soft:       rgba(88, 166, 255, .12);
  --color-naranja:         #f97316;
  --color-purpura:         #bc8cff;

  /* ===== Tipografía: escala ===== */
  --fs-xs: 0.72rem;  --fs-sm: 0.82rem; --fs-base: 0.92rem;
  --fs-lg: 1.05rem;  --fs-xl: 1.35rem; --fs-2xl: 1.7rem;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --lh-tight: 1.2;   --lh-base: 1.5;

  /* ===== Espaciado (escala 4px) ===== */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem;
  --sp-4: 1rem;    --sp-5: 1.5rem; --sp-6: 2rem;
  --sp-8: 3rem;    --sp-10: 4rem;

  /* ===== Radios ===== */
  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-full: 999px;

  /* ===== Sombras (sutiles sobre fondo oscuro) ===== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, .35);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);

  /* ===== Transiciones ===== */
  --t-fast: 120ms ease;
  --t-base: 200ms ease;
}