/* ==========================================================================
   LicenseHub: paleta cerrada de categorías (especificación, "Colores de categorías").
   Es la ÚNICA hoja, además de paraguapps-tokens.css, que define colores.
   - 8 colores sobrios compatibles con la marca; 1 y 8 son colores del kit.
   - Contraste con texto blanco >= 4.5 (AA) en todos.
   - Ninguno se parece al rojo de marca ni a los colores de estado (error, alerta, OK):
     distancia de color > 30 en Lab contra cada uno, y > 20 entre ellos.
   La base guarda solo el número (categorias.color, 1 a 8). Nombres en app/lib/categorias.py.
   ========================================================================== */

:root {
  --pa-cat-1: var(--pa-azul-noche);  /* Azul Noche */
  --pa-cat-2: #2D5BA8;               /* Azul */
  --pa-cat-3: #0E6B7E;               /* Petróleo */
  --pa-cat-4: #5B2A86;               /* Uva */
  --pa-cat-5: #8B3FBF;               /* Orquídea */
  --pa-cat-6: #9B3A78;               /* Ciruela */
  --pa-cat-7: #6D4C41;               /* Marrón */
  --pa-cat-8: var(--pa-gris);        /* Gris Tinta */
}

.pa-cat--1 { --pa-cat: var(--pa-cat-1); }
.pa-cat--2 { --pa-cat: var(--pa-cat-2); }
.pa-cat--3 { --pa-cat: var(--pa-cat-3); }
.pa-cat--4 { --pa-cat: var(--pa-cat-4); }
.pa-cat--5 { --pa-cat: var(--pa-cat-5); }
.pa-cat--6 { --pa-cat: var(--pa-cat-6); }
.pa-cat--7 { --pa-cat: var(--pa-cat-7); }
.pa-cat--8 { --pa-cat: var(--pa-cat-8); }

/* Etiqueta de categoría */
.pa-categoria {
  display: inline-block;
  padding: .2em .7em;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 600;
  background: var(--pa-cat, var(--pa-gris));
  color: var(--pa-blanco);
}

/* Muestra de color (selector de la paleta) */
.pa-cat-muestra {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: var(--pa-cat, var(--pa-gris));
  vertical-align: middle;
}

/* Tarjeta de app: borde del color de su categoría */
.pa-tarjeta-app { border-left: 4px solid var(--pa-cat, var(--pa-borde)); }