/* Classi per colori di testo */
.text-ven-color {
  color: var(--text-ven-color);
}

/* Classi per sfondi */
.bg-color-primary-1 {
  background-color: var(--color-primary-1);
}
.bg-color-primary-2 {
  background-color: var(--color-primary-2);
}
.bg-color-primary-3 {
  background-color: var(--color-primary-3);
}
.bg-color-primary-4 {
  background-color: var(--color-primary-4);
}
.bg-color-primary-5 {
  background-color: var(--color-primary-5);
}

.bg-color-secondary-1 {
  background-color: var(--color-secondary-1);
}
.bg-color-secondary-2 {
  background-color: var(--color-secondary-2);
}
.bg-color-secondary-3 {
  background-color: var(--color-secondary-3);
}
.bg-color-secondary-4 {
  background-color: var(--color-secondary-4);
}
.bg-color-secondary-5 {
  background-color: var(--color-secondary-5);
}

/* Classi per i colori brand */
.text-ven-primary {
  color: var(--primary);
}
.text-ven-primary-1 {
  color: var(--primary-1);
}
.text-ven-primary-2 {
  color: var(--primary-2);
}
.text-ven-primary-3 {
  color: var(--primary-3);
}
.text-ven-primary-4 {
  color: var(--primary-4);
}
.text-ven-primary-5 {
  color: var(--primary-5);
}
.text-ven-secondary {
  color: var(--secondary);
}
.text-ven-secondary-1 {
  color: var(--secondary-1);
}
.text-ven-secondary-2 {
  color: var(--secondary-2);
}
.text-ven-secondary-3 {
  color: var(--secondary-3);
}
.text-ven-secondary-4 {
  color: var(--secondary-4);
}
.text-ven-secondary-5 {
  color: var(--secondary-5);
}

.bg-primary {
  background-color: var(--brand-primary);
}
.bg-secondary {
  background-color: var(--brand-secondary);
}

.bg-surface-1 {
  background-color: var(--surface-1);
}
.bg-surface-2 {
  background-color: var(--surface-2);
}
.bg-surface-3 {
  background-color: var(--surface-3);
}
.bg-document {
  background-color: var(--surface-document);
}

.border-primary-3 {
  border-color: var(--color-primary-3);
}