// === STARMAN COLOR UTILITIES ===
// Clases utilitarias que usan las variables dinámicas del tema

// Colores de fondo
.bg-primary { background-color: var(--starman-primary-color) !important; }
.bg-primary-light { background-color: var(--starman-primary-light) !important; }
.bg-primary-dark { background-color: var(--starman-primary-dark) !important; }
.bg-secondary { background-color: var(--starman-secondary-color) !important; }
.bg-accent { background-color: var(--starman-accent-color) !important; }

// Colores de texto
.text-primary { color: var(--starman-primary-color) !important; }
.text-secondary { color: var(--starman-secondary-color) !important; }
.text-accent { color: var(--starman-accent-color) !important; }

// Bordes
.border-primary { border-color: var(--starman-primary-color) !important; }
.border-secondary { border-color: var(--starman-secondary-color) !important; }
.border-accent { border-color: var(--starman-accent-color) !important; }

// Botón principal con variables dinámicas
.btn-starman-primary {
  background: linear-gradient(135deg, var(--starman-primary-color) 0%, var(--starman-secondary-color) 100%);
  border: none;
  color: white;
  transition: all 0.3s ease;

  &:hover {
    background: linear-gradient(135deg, var(--starman-primary-hover) 0%, var(--starman-secondary-color) 100%);
    transform: translateY(-2px);
  }
}

// Gradientes predefinidos
.gradient-primary {
  background: linear-gradient(135deg, var(--starman-primary-color) 0%, var(--starman-secondary-color) 100%);
}

.gradient-accent {
  background: linear-gradient(135deg, var(--starman-accent-color) 0%, var(--starman-primary-color) 100%);
}
