/* Theme tokens from Figma — Primary / Light Primary
   Source: Story Generator app (Colors main)
   Primary: #EC4899 | Light Primary: #FDEDF5 (light) / #2A0D1B (dark)
*/
:root,
[data-bs-theme=light] {
  --bs-primary: #EC4899;
  --bs-primary-rgb: 236, 72, 153;
  --bs-primary-active: #DB2777;
  --bs-primary-light: #FDEDF5;
  --bs-primary-clarity: rgba(236, 72, 153, 0.2);
  --bs-primary-inverse: #FFFFFF;
  --bs-text-primary: #EC4899;
  --bs-primary-text-emphasis: #BE185D;
  --bs-primary-bg-subtle: #FDEDF5;
  --bs-primary-border-subtle: #FBDAEB;
  --bs-link-color: #EC4899;
  --bs-link-hover-color: #DB2777;
  --bs-component-active-bg: #EC4899;
  --bs-component-hover-color: #EC4899;
  --bs-component-checked-bg: #EC4899;
  --bs-menu-link-color-hover: #EC4899;
  --bs-menu-link-color-show: #EC4899;
  --bs-menu-link-color-here: #EC4899;
  --bs-menu-link-color-active: #EC4899;
  --bs-ribbon-label-bg: #EC4899;
}

[data-bs-theme=dark] {
  --bs-primary: #EC4899;
  --bs-primary-rgb: 236, 72, 153;
  --bs-primary-active: #F06DAD;
  --bs-primary-light: #2A0D1B;
  --bs-primary-clarity: rgba(236, 72, 153, 0.2);
  --bs-text-primary: #EC4899;
  --bs-primary-text-emphasis: #F9A8D4;
  --bs-primary-bg-subtle: #2A0D1B;
  --bs-primary-border-subtle: #5E1D3D;
  --bs-link-color: #EC4899;
  --bs-component-active-bg: #EC4899;
  --bs-component-hover-color: #EC4899;
  --bs-component-checked-bg: #EC4899;
  --bs-menu-link-color-hover: #EC4899;
  --bs-menu-link-color-show: #EC4899;
  --bs-menu-link-color-here: #EC4899;
  --bs-menu-link-color-active: #EC4899;
  --bs-ribbon-label-bg: #EC4899;
  --bs-scrolltop-bg-color: #EC4899;
  --bs-scrolltop-bg-color-hover: #EC4899;
}

.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%;
}