/* Xatrix Color Palette */
:root {
  --xatrix-primary: #FF6B35;      /* Naranja principal Xatrix */
  --xatrix-primary-dark: #E65A2B; /* Naranja oscuro */
  --xatrix-secondary: #2C3E50;    /* Gris oscuro / negro suave */
  --xatrix-accent: #34495E;       /* Gris medio */
  --xatrix-light: #ECF0F1;        /* Gris claro */
  --xatrix-success: #27AE60;      /* Verde para éxito */
  --xatrix-info: #3498DB;         /* Azul para información */
  --xatrix-warning: #F39C12;      /* Naranja amarillento para advertencias */
  --xatrix-danger: #E74C3C;       /* Rojo para errores */
  --xatrix-dark: #1A252F;         /* Negro/café oscuro */
}

/* Override Bootstrap primary color with Xatrix orange */
.btn-primary {
  background-color: var(--xatrix-primary);
  border-color: var(--xatrix-primary);
}

.btn-primary:hover {
  background-color: var(--xatrix-primary-dark);
  border-color: var(--xatrix-primary-dark);
}

.text-primary {
  color: var(--xatrix-primary) !important;
}

.bg-primary {
  background-color: var(--xatrix-primary) !important;
}

.border-primary {
  border-color: var(--xatrix-primary) !important;
}