/* =====================================================================
   marca/productos/datarecupera.css  -  KIT DE PRODUCTO (CAPA 2)
   =====================================================================
   Producto: DataRecupera (ImpuestosRecuperados.com)
   Norma: 00 ESTANDAR GJVcorp.md v1.2, secciones 7.1 y 7.2 (regla E1-E4)

   QUE ES
     La capa 2: el acento del producto y sus logos. EXTIENDE la capa 1
     (`marca/base.css`); no la sustituye.

   ORDEN DE CARGA  (importa)
     <link rel="stylesheet" href=".../base.css">             capa 1
     <link rel="stylesheet" href=".../datarecupera.css">     capa 2

   ACENTO
     Azul #2563EB, NO el verde #16A34A del kit oficial.

     Motivo (decision D6): #16A34A es EXACTAMENTE --gjv-exito, y la seccion
     7.3 fija la semantica "verde correcto, ambar advertencia, rojo error,
     azul informacion". Usar el verde del kit como acento haria que el acento
     y el estado "correcto" fueran el mismo color.

     PENDIENTE (G6): el kit oficial `DataRecupera_Kit_Visual_v2.zip` todavia
     dice accent: #16A34A. Debe actualizarse a #2563EB para que coincida.

   ESTE ARCHIVO SOLO DEFINE ACENTO.
     NO redefine ningun token --gjv-* de la capa 1 (regla E5). Si hiciera
     falta cambiar un neutro, el error esta en la capa 1, no aqui.
   ===================================================================== */

:root {

  /* --- Acento del producto (3 tokens) --- */
  --prod-acento:         #2563EB;   /* accion principal, pestana activa, foco */
  --prod-acento-oscuro:  #1D4ED8;   /* hover y texto de acento */
  --prod-acento-tenue:   #EFF6FF;   /* fondos de seleccion */

  /* --- Color del texto sobre el acento --- */
  --prod-texto-sobre-acento: var(--gjv-superficie);

  /* --- Identidad (no son tokens de color, son datos del producto) --- */
  --prod-nombre:      "DataRecupera";
  --prod-descripcion: "Recuperacion Tributaria";
  --prod-lema:        "Recupera lo que es tuyo.";
}

/* =====================================================================
   PUENTE ENTRE CAPAS

   La capa 1 consume `--gjv-acento` a traves de un respaldo:
       background: var(--gjv-acento, var(--gjv-info));
   Aqui se enlazan los nombres, para que el modulo y los consumidores
   puedan usar cualquiera de los dos sin duplicar valores.
   ===================================================================== */

:root {
  --gjv-acento:               var(--prod-acento);
  --gjv-acento-oscuro:        var(--prod-acento-oscuro);
  --gjv-acento-tenue:         var(--prod-acento-tenue);
  --gjv-texto-sobre-acento:   var(--prod-texto-sobre-acento);
}

/* =====================================================================
   TOTAL: 9 tokens de producto.
   Coincide con la forma del kit oficial (`kit VISUALES`): 9 tokens, de los
   cuales 2 son de acento. Los otros 7 son identidad y color de texto.
   ===================================================================== */


/* =====================================================================
   MARCA EN LA INTERFAZ
   ===================================================================== */

.prod-logo {
  display: block;
  height: 32px;
  width: auto;
}

.prod-isotipo {
  display: block;
  width: 32px;
  height: 32px;
}

.prod-lema {
  font-size: var(--gjv-t-12);
  color: var(--gjv-texto-2);
}

/* =====================================================================
   FIN
   ===================================================================== */