:root, [data-bs-theme=light] {
  --bs-primary: #ca016a;
  --bs-primary-rgb: 202,1,106;
  --bs-primary-text-emphasis: #51002A;
  --bs-primary-bg-subtle: #F4CCE1;
  --bs-primary-border-subtle: #EA99C3;
  --bs-body-color: #5c5856;
  --bs-body-color-rgb: 92,88,86;
  --bs-secondary-color: rgba(92,88,86,0.75);
  --bs-secondary-color-rgb: 92,88,86,0.75;
  --bs-tertiary-color: rgba(92,88,86,0.5);
  --bs-tertiary-color-rgb: 92,88,86,0.5;
  --bs-body-font-family: Rubik;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ca016a;
  --bs-btn-border-color: #ca016a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #AC015A;
  --bs-btn-hover-border-color: #A20155;
  --bs-btn-focus-shadow-rgb: 247,217,233;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #A20155;
  --bs-btn-active-border-color: #980150;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ca016a;
  --bs-btn-disabled-border-color: #ca016a;
}

.btn-outline-primary {
  --bs-btn-color: #ca016a;
  --bs-btn-border-color: #ca016a;
  --bs-btn-focus-shadow-rgb: 202,1,106;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ca016a;
  --bs-btn-hover-border-color: #ca016a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ca016a;
  --bs-btn-active-border-color: #ca016a;
  --bs-btn-disabled-color: #ca016a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ca016a;
}

@media all and (max-width: 800px) {
  h1 {
    text-shadow: 1px 1px 1px white;
  }
}