:root{
--pcolor: #13b0c4;
--pcolor-rgb: 19, 176, 196;
--pcolor-hover: #0f9aad;
--pcolor2: #0f97ab;
--pcolor3: #0b7f92;
--pcolor2-hover: #0d8497;
--pcolor3-hover: #096d7e;
--pcolor-subtle: #dbf4f8;
--scolor: #ff5e7a;
--scolor-rgb: 255, 94, 122;
--scolor-hover: #f24d6b;
--scolor2: #ef4c6a;
--scolor3: #d83a58;
--scolor2-hover: #db3f5c;
--scolor3-hover: #c22f4a;
--scolor-subtle: #ffe1e8;
--linkcolor-rgb: 0, 0, 0;
--linkcolor-hover-rgb: 0, 0, 0;
--danger-rgb: 255, 94, 122;
--highlighted-color-rgb: 0, 0, 0;
--own-color-rgb: 255, 94, 122;
--own-color-rgb2: 124, 92, 255;
--bs-border-color: #dbf4f8;
--bs-primary-border-subtle: #dbf4f8;
--bs-secondary-border-subtle: #ffe1e8;
--bs-primary: #13b0c4;
--bs-primary-rgb: 19, 176, 196;
--bs-primary-bg-subtle: #dbf4f8;
--bs-secondary: #ff5e7a;
--bs-secondary-rgb: 255, 94, 122;
--bs-secondary-bg-subtle: #ffe1e8;
--bs-link-color-rgb: 0, 0, 0;
--bs-link-hover-color-rgb: 0, 0, 0;
--bs-danger-rgb: 255, 94, 122;
}

.bg-primary { background: linear-gradient(135deg,var(--pcolor), var(--pcolor2) 55%, var(--pcolor3) 100%); }

.btn-primary, a.bg-primary, a .bg-primary { background: none; }

.btn-primary::before, a.bg-primary::before, a .bg-primary::before { background: linear-gradient(135deg,var(--pcolor), var(--pcolor2) 55%, var(--pcolor3) 100%); }

.btn-primary::after, a.bg-primary::after, a .bg-primary::after { background: linear-gradient(135deg,var(--pcolor-hover), var(--pcolor2-hover) 55%, var(--pcolor3-hover) 100%); }

.bg-secondary { background: linear-gradient(135deg,var(--scolor), var(--scolor2) 55%, var(--scolor3) 100%); }

.btn-secondary, a.bg-secondary, a .bg-secondary { background: none; }

.btn-secondary::before, a.bg-secondary::before, a .bg-secondary::before { background: linear-gradient(135deg,var(--scolor), var(--scolor2) 55%, var(--scolor3) 100%); }

.btn-secondary::after, a.bg-secondary::after, a .bg-secondary::after { background: linear-gradient(135deg,var(--scolor-hover), var(--scolor2-hover) 55%, var(--scolor3-hover) 100%); }

.btn-primary { --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; }

.btn-secondary { --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; }

.btn-primary-subtle { --bs-btn-color: rgb(var(--bs-dark-rgb)); --bs-btn-hover-color: rgb(var(--bs-dark-rgb)); --bs-btn-active-color: rgb(var(--bs-dark-rgb)); --bs-btn-disabled-color: rgb(var(--bs-dark-rgb)); }

.btn-secondary-subtle { --bs-btn-color: rgb(var(--bs-dark-rgb)); --bs-btn-hover-color: rgb(var(--bs-dark-rgb)); --bs-btn-active-color: rgb(var(--bs-dark-rgb)); --bs-btn-disabled-color: rgb(var(--bs-dark-rgb)); }

.btn-light { --bs-btn-color: rgb(var(--bs-dark-rgb)); --bs-btn-hover-color: rgb(var(--bs-dark-rgb)); --bs-btn-active-color: rgb(var(--bs-dark-rgb)); --bs-btn-disabled-color: rgb(var(--bs-dark-rgb)); }

.btn-dark { --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; }

.btn-own-color { --bs-btn-color: rgb(var(--bs-dark-rgb)); --bs-btn-hover-color: rgb(var(--bs-dark-rgb)); --bs-btn-active-color: rgb(var(--bs-dark-rgb)); --bs-btn-disabled-color: rgb(var(--bs-dark-rgb)); }

.btn-own-color2 { --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; }