/*
 * theme.css -- FUENTE UNICA de variables de diseño de Repuestify.
 *
 * No hardcodear colores en ninguna plantilla nueva. Si un color no
 * existe aqui como variable, se agrega aqui primero -- nunca directo
 * en el HTML de una plantilla. Esa es la regla que hace el sistema
 * "a prueba de bobos": un cambio de marca se hace en UN lugar, no en
 * N plantillas.
 */

:root {
  /* ---- Fondo y superficies (kraft / ficha tecnica) ---- */
  --rf-fondo:            #f0e6d2;
  --rf-fondo-borde:      #d9c9a3;
  --rf-fondo-grilla:     #e3d3ac;
  --rf-superficie:       #fffdf8;   /* tarjetas, barra de busqueda */
  --rf-superficie-resultados: #e9dcc0;

  /* ---- Texto ---- */
  --rf-texto:            #292019;   /* texto principal, alto contraste */
  --rf-texto-secundario: #57534e;
  --rf-texto-muted:      #78716c;
  --rf-texto-placeholder:#a8a29e;

  /* ---- Acento unico: naranja (decision explicita, un solo acento) ---- */
  --rf-acento:           #c2751a;   /* bordes, elementos interactivos */
  --rf-acento-texto:     #c2410c;   /* cursor, texto de accion */

  /* ---- Nombre de marca: azul acero, SOLO para el logotipo ---- */
  --rf-marca-nombre:     #1e3a5f;

  /* ---- Escalera de evidencia (alineada a compatibilidad.py) ---- */
  --rf-evidencia-1-00:   #15803d;   /* Compatible verificado */
  --rf-evidencia-0-80:   #4d7c0f;   /* Vendedor confirma modelo y año */
  --rf-evidencia-0-65:   #a16207;   /* Fabricante coincide, año sin confirmar */
  --rf-evidencia-0-50:   #b45309;   /* Coincide el modelo, sin confirmar */
  --rf-evidencia-0-30:   #b45309;   /* Vehiculo reconocido */
  --rf-evidencia-0-05:   #9f1239;   /* Vendedor indica que NO es compatible */

  --rf-evidencia-1-00-fondo: #f0fdf4;
  --rf-evidencia-1-00-borde: #bbf7d0;
  --rf-evidencia-0-80-fondo: #f0fdf4;
  --rf-evidencia-0-80-borde: #d9f99d;
  --rf-evidencia-0-65-fondo: #fffbeb;
  --rf-evidencia-0-65-borde: #fde68a;
  --rf-evidencia-0-50-fondo: #fffbeb;
  --rf-evidencia-0-50-borde: #fde68a;
  --rf-evidencia-0-05-fondo: #fef2f2;
  --rf-evidencia-0-05-borde: #fecaca;

  /* ---- Tipografia ---- */
  --rf-fuente-titular:   'Roboto Slab', Georgia, 'Times New Roman', serif;
  --rf-fuente-cuerpo:    'Segoe UI', system-ui, -apple-system, sans-serif;
  --rf-fuente-mono:      'Consolas', 'Courier New', monospace;
}


/* =====================================================================
   EXTENSION 2026-08-29 -- familias que el censo encontro faltantes.
   Todos los colores conservan el TONO de la identidad ya existente
   (acento 32°, acento-texto 18°, fondo 40°, texto 26°, marca 214°)
   y solo cambian de luminosidad segun el rol.
   ===================================================================== */

:root {

  /* --- VELADURAS (134 usos) ------------------------------------------
     El tema viejo aclaraba con veladuras BLANCAS sobre fondo oscuro.
     Sobre fondo claro eso es invisible: hay que OSCURECER. La base es
     --rf-texto (#292019), el marron de la identidad, no negro puro.
     Cinco intensidades cubren las 15 opacidades distintas encontradas. */

  --rf-velo-sutil:   rgba(41, 32, 25, 0.04);
  --rf-velo-suave:   rgba(41, 32, 25, 0.08);
  --rf-velo-medio:   rgba(41, 32, 25, 0.16);
  --rf-velo-fuerte:  rgba(41, 32, 25, 0.28);
  --rf-velo-intenso: rgba(41, 32, 25, 0.45);

  --rf-sombra-suave:  0 1px 3px rgba(41, 32, 25, 0.10);
  --rf-sombra-media:  0 2px 8px rgba(41, 32, 25, 0.14);
  --rf-sombra-fuerte: 0 6px 20px rgba(41, 32, 25, 0.20);

  /* --- ACENTO COMO SUPERFICIE Y BORDE (~25 usos) ---------------------
     Antes --rf-acento solo servia para texto. */

  --rf-acento-fondo:  #fbece0;
  --rf-acento-borde:  #f0caa8;
  --rf-acento-solido: #c2751a;

  /* --- FAMILIA AZUL: enlaces e informacion (~12 usos) ----------------
     Derivada del tono 214° de --rf-marca-nombre, para que el sitio
     tenga UN azul y no cinco. */

  --rf-info:       #254f7e;
  --rf-info-fondo: #e7eff9;
  --rf-info-borde: #b8cfea;

  /* --- SUPERFICIE INTERMEDIA (8 usos) --------------------------------
     fondo 0.90, superficie 0.99, resultados 0.87: todas muy juntas.
     Faltaba un escalon mas hundido para paneles y bloques de codigo. */

  --rf-superficie-hundida: #e4dbc8;

  /* --- BOTONES DE COMPARTIR (32 usos) --------------------------------
     Detectados por el DESTINO DEL ENLACE, no por su color. NO se usa
     el color corporativo exacto de esas marcas: son identidades
     registradas ajenas. Se conserva la familia cromatica para que el
     usuario reconozca el boton, desaturada hacia la paleta kraft. */

  --rf-compartir-verde: #2f7452;
  --rf-compartir-azul:  #315781;
}


/* =====================================================================
   ACENTOS SECUNDARIOS 2026-08-29
   Familia derivada de la paleta: misma estructura que el acento
   principal (naranja 32°), en las familias verde y azul, desaturada
   hacia el kraft. Sirve para identidad de widgets y para botones de
   marcas ajenas -- reconocible por familia cromatica, sin usar la
   identidad corporativa exacta de nadie.
   ===================================================================== */

:root {
  --rf-acento-verde:        #2c6d4d;
  --rf-acento-verde-claro:  #40966b;
  --rf-acento-verde-fondo:  #e6f0ea;
  --rf-acento-verde-borde:  #b9d5c6;

  --rf-acento-azul:         #2e527a;
  --rf-acento-azul-claro:   #4370a3;

  /* Los botones de compartir pasan a definirse EN TERMINOS de la
     familia: un solo origen. Los 17 articulos ya migrados siguen
     funcionando sin tocarlos, porque el nombre no cambia. */
  --rf-compartir-verde: var(--rf-acento-verde);
  --rf-compartir-azul:  var(--rf-acento-azul);
}