/* Colores personalizados de Cadabra */
:root {
  --cadabra-orange: #fca621;
  --cadabra-blue: #238ec2;
  --cadabra-green: #0fbc6b;
  --cadabra-dark: #002340;
  --cadabra-orange-light: #fdb651;
  --cadabra-orange-dark: #e6951d;
  --cadabra-blue-light: #4ba3d1;
  --cadabra-blue-dark: #1f7ba8;
  --cadabra-green-light: #3fc982;
  --cadabra-green-dark: #0da356;
  --cadabra-text-primary: #002340;
  --cadabra-text-secondary: #4a5568;
  --cadabra-text-light: #718096;
  --cadabra-bg-light: #f8fafc;
  --cadabra-bg-gray: #edf2f7;
  --cadabra-bg-dark: #1a202c;
  --cadabra-gradient-primary: linear-gradient(135deg, #238ec2 0%, #0fbc6b 100%);
  --cadabra-gradient-secondary: linear-gradient(135deg, #fca621 0%, #ff8a00 100%);
  --cadabra-gradient-hero: linear-gradient(135deg, #238ec2 0%, #0fbc6b 50%, #fca621 100%);

  /* Override Bootstrap primary */
  --bs-primary: #fca621;
  --bs-primary-rgb: 252, 166, 33;
  --bs-secondary: #238ec2;
  --bs-secondary-rgb: 35, 142, 194;
  --bs-success: #0fbc6b;
  --bs-dark: #002340;
}

.cadabra-text-primary  { color: var(--cadabra-orange) !important; }
.cadabra-text-secondary{ color: var(--cadabra-blue)   !important; }
.cadabra-text-success  { color: var(--cadabra-green)  !important; }
.cadabra-text-dark     { color: var(--cadabra-dark)   !important; }
.cadabra-bg-primary    { background-color: var(--cadabra-orange)   !important; }
.cadabra-bg-secondary  { background-color: var(--cadabra-blue)     !important; }
.cadabra-bg-success    { background-color: var(--cadabra-green)    !important; }
.cadabra-gradient-primary  { background: var(--cadabra-gradient-primary)  !important; }
.cadabra-gradient-secondary{ background: var(--cadabra-gradient-secondary)!important; }
.cadabra-gradient-hero     { background: var(--cadabra-gradient-hero)     !important; }

.btn-cadabra-primary {
  background: var(--cadabra-gradient-secondary);
  border: none; color: white; font-weight: 600;
  text-transform: uppercase; letter-spacing: .5px;
  transition: all .3s ease;
}
.btn-cadabra-primary:hover {
  background: linear-gradient(135deg,#e6951d 0%,#e6951d 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(252,166,33,.3);
}