:root{
--pcolor: #63452c;
--pcolor-rgb: 99, 69, 44;
--pcolor-hover: #4a3826;
--pcolor2: #2c6330;
--pcolor3: #632c4f;
--pcolor2-hover: #000000;
--pcolor3-hover: #000000;
--pcolor-subtle: #f0e2d8;
--scolor: #e5a50a;
--scolor-rgb: 229, 165, 10;
--scolor-hover: #b28b0a;
--scolor2: #eabd5d;
--scolor3: #e6ca89;
--scolor2-hover: #000000;
--scolor3-hover: #000000;
--scolor-subtle: #fbe4a3;
--linkcolor-rgb: 0, 0, 0;
--linkcolor-hover-rgb: 0, 0, 0;
--danger-rgb: 204, 0, 0;
--own-color-rgb: 0, 0, 0;
}

.bg-primary { background: conic-gradient(var(--pcolor), var(--pcolor2), var(--pcolor3)); }

.btn-primary::before { background: conic-gradient(var(--pcolor), var(--pcolor2), var(--pcolor3)); }

.btn-primary, .bg-primary { border: 2px solid #e5a50a; }

.bg-secondary { background: radial-gradient(circle , var(--scolor), var(--scolor2), var(--scolor3)); }

.btn-secondary::before { background: radial-gradient(circle , var(--scolor), var(--scolor2), var(--scolor3)); }

.btn-secondary, .bg-secondary { border: 2px solid #63452c; }