/* Override Bootstrap con la palette CDN */
:root {
  --bs-primary:                 #8B7AC9;
  --bs-primary-rgb:             139, 122, 201;
  --bs-primary-bg-subtle:       #EDE9FA;
  --bs-primary-border-subtle:   #C9BFEF;
  --bs-primary-text-emphasis:   #5D4FA3;
  --bs-link-color:              #8B7AC9;
  --bs-link-color-rgb:          139, 122, 201;
  --bs-link-hover-color:        #5D4FA3;
  --bs-focus-ring-color:        rgba(139, 122, 201, 0.25);
}

.btn-primary {
  --bs-btn-bg:                  #8B7AC9;
  --bs-btn-border-color:        #8B7AC9;
  --bs-btn-hover-bg:            #5D4FA3;
  --bs-btn-hover-border-color:  #5D4FA3;
  --bs-btn-active-bg:           #5D4FA3;
  --bs-btn-active-border-color: #5D4FA3;
  --bs-btn-disabled-bg:         #C9BFEF;
  --bs-btn-disabled-border-color: #C9BFEF;
}

.btn-outline-primary {
  --bs-btn-color:               #8B7AC9;
  --bs-btn-border-color:        #8B7AC9;
  --bs-btn-hover-bg:            #8B7AC9;
  --bs-btn-hover-border-color:  #8B7AC9;
  --bs-btn-active-bg:           #5D4FA3;
  --bs-btn-active-border-color: #5D4FA3;
}