:root, [data-bs-theme=light] {
  --bs-primary: #8bbd4a;
  --bs-primary-rgb: 139,189,74;
  --bs-primary-text-emphasis: #384C1E;
  --bs-primary-bg-subtle: #E8F2DB;
  --bs-primary-border-subtle: #D1E5B7;
  --bs-secondary: #8e50d0;
  --bs-secondary-rgb: 142,80,208;
  --bs-secondary-text-emphasis: #392053;
  --bs-secondary-bg-subtle: #E8DCF6;
  --bs-secondary-border-subtle: #D2B9EC;
  --bs-success: #404040;
  --bs-success-rgb: 64,64,64;
  --bs-success-text-emphasis: #1A1A1A;
  --bs-success-bg-subtle: #D9D9D9;
  --bs-success-border-subtle: #B3B3B3;
  --bs-info: #606060;
  --bs-info-rgb: 96,96,96;
  --bs-info-text-emphasis: #262626;
  --bs-info-bg-subtle: #DFDFDF;
  --bs-info-border-subtle: #BFBFBF;
  --bs-body-color: #404040;
  --bs-body-color-rgb: 64,64,64;
  --bs-secondary-color: rgba(64,64,64,0.75);
  --bs-secondary-color-rgb: 64,64,64,0.75;
  --bs-tertiary-color: rgba(64,64,64,0.5);
  --bs-tertiary-color-rgb: 64,64,64,0.5;
  --bs-body-font-family: 'Open Sans', sans-serif;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #8bbd4a;
  --bs-btn-border-color: #8bbd4a;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #9CC765;
  --bs-btn-hover-border-color: #97C45C;
  --bs-btn-focus-shadow-rgb: 21,28,11;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #A2CA6E;
  --bs-btn-active-border-color: #97C45C;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #8bbd4a;
  --bs-btn-disabled-border-color: #8bbd4a;
}

.btn-outline-primary {
  --bs-btn-color: #8bbd4a;
  --bs-btn-border-color: #8bbd4a;
  --bs-btn-focus-shadow-rgb: 139,189,74;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #8bbd4a;
  --bs-btn-hover-border-color: #8bbd4a;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #8bbd4a;
  --bs-btn-active-border-color: #8bbd4a;
  --bs-btn-disabled-color: #8bbd4a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8bbd4a;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8e50d0;
  --bs-btn-border-color: #8e50d0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7944B1;
  --bs-btn-hover-border-color: #7240A6;
  --bs-btn-focus-shadow-rgb: 238,229,248;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7240A6;
  --bs-btn-active-border-color: #6B3C9C;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8e50d0;
  --bs-btn-disabled-border-color: #8e50d0;
}

.btn-outline-secondary {
  --bs-btn-color: #8e50d0;
  --bs-btn-border-color: #8e50d0;
  --bs-btn-focus-shadow-rgb: 142,80,208;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8e50d0;
  --bs-btn-hover-border-color: #8e50d0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8e50d0;
  --bs-btn-active-border-color: #8e50d0;
  --bs-btn-disabled-color: #8e50d0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8e50d0;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #404040;
  --bs-btn-border-color: #404040;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #363636;
  --bs-btn-hover-border-color: #333333;
  --bs-btn-focus-shadow-rgb: 226,226,226;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333333;
  --bs-btn-active-border-color: #303030;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #404040;
  --bs-btn-disabled-border-color: #404040;
}

.btn-outline-success {
  --bs-btn-color: #404040;
  --bs-btn-border-color: #404040;
  --bs-btn-focus-shadow-rgb: 64,64,64;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #404040;
  --bs-btn-hover-border-color: #404040;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #404040;
  --bs-btn-active-border-color: #404040;
  --bs-btn-disabled-color: #404040;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #404040;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #606060;
  --bs-btn-border-color: #606060;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #525252;
  --bs-btn-hover-border-color: #4D4D4D;
  --bs-btn-focus-shadow-rgb: 231,231,231;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4D4D4D;
  --bs-btn-active-border-color: #484848;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #606060;
  --bs-btn-disabled-border-color: #606060;
}

.btn-outline-info {
  --bs-btn-color: #606060;
  --bs-btn-border-color: #606060;
  --bs-btn-focus-shadow-rgb: 96,96,96;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #606060;
  --bs-btn-hover-border-color: #606060;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #606060;
  --bs-btn-active-border-color: #606060;
  --bs-btn-disabled-color: #606060;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #606060;
}

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