:root, [data-bs-theme=light] {
  --bs-primary: #f881ba;
  --bs-primary-rgb: 248,129,186;
  --bs-primary-text-emphasis: #63344A;
  --bs-primary-bg-subtle: #FEE6F1;
  --bs-primary-border-subtle: #FCCDE3;
  --bs-body-bg: #fccde3;
  --bs-body-bg-rgb: 252,205,227;
  --bs-body-font-family: 'Alumni Sans', sans-serif;
  --bs-body-font-size: 2rem;
  --bs-body-font-weight: normal;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f881ba;
  --bs-btn-border-color: #f881ba;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #F994C4;
  --bs-btn-hover-border-color: #F98EC1;
  --bs-btn-focus-shadow-rgb: 37,19,28;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #F99AC8;
  --bs-btn-active-border-color: #F98EC1;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f881ba;
  --bs-btn-disabled-border-color: #f881ba;
}

.btn-outline-primary {
  --bs-btn-color: #f881ba;
  --bs-btn-border-color: #f881ba;
  --bs-btn-focus-shadow-rgb: 248,129,186;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f881ba;
  --bs-btn-hover-border-color: #f881ba;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f881ba;
  --bs-btn-active-border-color: #f881ba;
  --bs-btn-disabled-color: #f881ba;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f881ba;
}

.aspect-ratio-1x1 {
  aspect-ratio: 1/1;
}