/* ==========================================================================
   VARIABLES DE DISEÑO
   Una sola fuente de verdad para colores, tipografías y movimiento.
   Los tonos "casi iguales" del template original (varios dorados, cafés y
   guindas) se unificaron aquí.
   ========================================================================== */

:root {
  /* Marca */
  --vz-guinda:        #720f3c;   /* color institucional */
  --vz-guinda-oscuro: #6f0a28;
  --vz-guinda-hover:  #8f0e38;
  --vz-guinda-pie:    #8f124d;   /* fondo del pie de página */
  --vz-dorado:        #aa983f;
  --vz-dorado-claro:  #d7c180;
  --vz-dorado-vivo:   #d9b400;
  --vz-cafe:          #7a6f44;

  /* Neutros */
  --vz-texto:     #49453c;
  --vz-gris-900:  #34343c;
  --vz-gris-700:  #4a4a4a;
  --vz-gris-600:  #666666;
  --vz-gris-500:  #767676;
  --vz-gris-300:  #cccccc;
  --vz-borde:     #dedad0;
  --vz-gris-200:  #e5e5e5;
  --vz-gris-100:  #efefef;

  /* Tipografía */
  --vz-fuente:        "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --vz-fuente-titulo: "Panton", "Ubuntu", Helvetica, Arial, sans-serif;
  --vz-fuente-pie:    "Verdana", Geneva, sans-serif;

  /* Sombras y movimiento (sobrios: informan, no decoran) */
  --vz-sombra:       0 4px 14px rgba(73, 69, 60, .12);
  --vz-sombra-alta:  0 10px 26px rgba(114, 15, 60, .20);
  --vz-transicion:   220ms cubic-bezier(.2, .6, .2, 1);
}