/* Theme tokens from Figma — Primary / Light Primary
   Source: AI Lyrics Generator App (Colors main)
   Primary: #7C3AED | Light Primary: #F2EBFD (light) / #2B1453 (dark)
*/
:root,
[data-bs-theme=light] {
  --bs-primary: #7C3AED;
  --bs-primary-rgb: 124, 58, 237;
  --bs-primary-active: #6D28D9;
  --bs-primary-light: #F2EBFD;
  --bs-primary-clarity: rgba(124, 58, 237, 0.2);
  --bs-primary-inverse: #FFFFFF;
  --bs-text-primary: #7C3AED;
  --bs-primary-text-emphasis: #5B21B6;
  --bs-primary-bg-subtle: #F2EBFD;
  --bs-primary-border-subtle: #E5D8FB;
  --bs-link-color: #7C3AED;
  --bs-link-hover-color: #6D28D9;
  --bs-component-active-bg: #7C3AED;
  --bs-component-hover-color: #7C3AED;
  --bs-component-checked-bg: #7C3AED;
  --bs-menu-link-color-hover: #7C3AED;
  --bs-menu-link-color-show: #7C3AED;
  --bs-menu-link-color-here: #7C3AED;
  --bs-menu-link-color-active: #7C3AED;
  --bs-ribbon-label-bg: #7C3AED;
}

[data-bs-theme=dark] {
  --bs-primary: #7C3AED;
  --bs-primary-rgb: 124, 58, 237;
  --bs-primary-active: #894EEF;
  --bs-primary-light: #2B1453;
  --bs-primary-clarity: rgba(124, 58, 237, 0.2);
  --bs-text-primary: #7C3AED;
  --bs-primary-text-emphasis: #C4B5FD;
  --bs-primary-bg-subtle: #2B1453;
  --bs-primary-border-subtle: #4C1D95;
  --bs-link-color: #7C3AED;
  --bs-component-active-bg: #7C3AED;
  --bs-component-hover-color: #7C3AED;
  --bs-component-checked-bg: #7C3AED;
  --bs-menu-link-color-hover: #7C3AED;
  --bs-menu-link-color-show: #7C3AED;
  --bs-menu-link-color-here: #7C3AED;
  --bs-menu-link-color-active: #7C3AED;
  --bs-ribbon-label-bg: #7C3AED;
  --bs-scrolltop-bg-color: #7C3AED;
  --bs-scrolltop-bg-color-hover: #7C3AED;
}

.is-invalid {
  border-color: #dc3545;
  /* Red border for invalid inputs */
}

.invalid-feedback {
  display: none;
  /* Hide feedback by default */
  color: #dc3545;
  /* Red text for feedback */
}

.is-invalid~.invalid-feedback {
  display: block;
  /* Show feedback for invalid inputs */
}

.bg-primary-success {
  background-color: #00900E !important;
}

.text-primary-success {
  color: #00900E !important;
}

.badge-success {
  color: var(--bs-success-inverse);
  background-color: #00900E !important;
}

.btn.btn-color-warning i {
  color: #00900E !important;
}

.text-green {
  color: #00900E !important;
}


/* custom color */
.text-orange {
  color: #FF6600 !important;
}

.text-pink {
  color: #DB147F !important;
}

.text-blue {
  color: #23408F !important;
}

.text-skyblue {
  color: #2395CA !important;
}

.text-purple {
  color: #6657FD !important;
}

.text-red {
  color: #f1416c !important;
}

.badge-light-orange {
  background-color: #FFEBDE !important;
  color: #FF6600 !important;
}

.badge-light-pink {
  background-color: #FFEDF7 !important;
  color: #DB147F !important;
}

.badge-light-blue {
  background-color: #E9ECF4 !important;
  color: #23408F !important;
}

.badge-light-purple {
  background-color: #EEF1FF !important;
  color: #5570FF !important;
}

.badge-light-skyblue {
  background-color: #bdd9e56e !important;
  color: #2395CA !important;
}

.bg-light-orange {
  background-color: #FFEBDE !important;
  color: #FF6600 !important;
}

.badge-light-red {
  background-color: #fff5f8 !important;
  color: #f1416c !important;
}

.badge-red {
  background-color: #f1416c !important;
  color: #ffffff !important;
}

.badge-light-green{
  background-color: #E6F4E7 !important;
  color: #00900E !important;
}

/* card_10 — Benefits layout (dog details) */
.card-10-benefits {
  background-color: #faf9f7;
  border-radius: 0.75rem;
  padding: 1.25rem;
}

.card-10-benefits__header {
  background-color: #ffebde;
}

.card-10-benefits__title {
  color: #d4844a;
}

.card-10-benefits__item:last-child {
  margin-bottom: 0 !important;
}

.card-10-benefits__list .bullet {
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 50%;
}