:root {
  --ztc-text-text-1: #ffffff;    /* testo su sfondi scuri */
  --ztc-text-text-2: #1B1B1B;    /* testo principale su sfondi chiari */
  --ztc-text-text-3: #5C5D62;    /* testo secondario / descrizioni */
  --ztc-text-text-4: #d4a762;    /* accento dorato elegante */

  --ztc-bg-bg-1: #ffffff;        /* sfondo principale chiaro */
  --ztc-bg-bg-2: #1B1B1B;        /* sfondo principale scuro */
  --ztc-bg-bg-3: #d4a762;        /* sfondo accento oro */

  --ztc-border-border-1: #E5E7EB; /* bordi chiari */
  --ztc-border-border-2: #dfdcdc; /* bordi neutri */

  /* opzionali: gradient e hover */
  --ztc-gold-light: #e3c98d;     /* oro più chiaro per hover */
  --ztc-gold-dark: #b8860b;      /* oro più scuro per effetti */
}



.vl-logo-custom {
    img {
        height: 80px;
        object-fit: contain;
    }
}

.brand-title { 
  font-size: 1.2rem;
  font-weight: 600;
  /*color: #d4a762; */ /* oro sabbia elegante */
  color: var(--ztc-text-text-2);
  letter-spacing: 0.5px;
  vertical-align: middle;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* effetto hover sul link del logo */
.vl-logo-custom a:hover .brand-title {
  color: #b8860b; /* oro più scuro */
  transform: scale(1.05);
}