/* =========================================================
   RUIBAL — Design tokens
   Fuente de verdad: Manual-marca-Ruibal.pdf (pág. 9 paleta cromática)
   ========================================================= */

:root{
  /* Colores institucionales (oficiales — no modificar) */
  --rojo:            #E30513;   /* Pantone Red C   | CMYK 0,100,100,0 */
  --negro:           #000000;   /* Pantone Black C | CMYK 0,0,0,100  */

  /* Variantes tonales para UI (derivadas, no oficiales de marca,
     necesarias para estados hover/active y jerarquía tipográfica) */
  --rojo-oscuro:     #B8040F;
  --gris-oscuro:     #38352F;   /* usado solo en la franja de categorías (pedido explícito del cliente) */
  --tinta-suave:     #6B6862;   /* texto secundario sobre fondo blanco */

  /* Blancos */
  --blanco:          #FFFFFF;
  --hueso:           #F7F6F2;

  /* Paleta secundaria — exclusiva de la interfaz (listados, categorías).
     NO se aplica nunca al isotipo ni al logotipo. */
  --morado:          #49436D;
  --verde:           #7FA46A;
  --coral:           #EA5737;
  --amarillo:        #F4B93E;

  /* Tipografía
     — Oficial de marca (manual): TT Norms Pro (Regular/Medium/Bold)
     — En uso en el proyecto (confirmado por el cliente): Poppins
     Ver nota en README sobre licencia web de TT Norms Pro. */
  --font-display: 'Poppins', 'Liberation Sans', Arial, sans-serif;
  --font-body:    'Poppins', 'Liberation Sans', Arial, sans-serif;
}