body {
    min-width: 666px;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}
.bg-secondary {
    background-color: var(--secondary-color) !important;
}
.bg-tertiary {
    background-color: var(--tertiary-color) !important;
}
.bg-quaternary {
    background-color: var(--quaternary-color) !important;
}

.text-primary {
    color: var(--primary-text) !important;
}
.text-secondary {
    color: var(--secondary-text) !important;
}
.text-tertiary {
    color: var(--tertiary-text) !important;
}
.text-quaternary {
    color: var(--quaternary-text) !important;
}

.text-underline {
    text-decoration: underline !important;
}

.w-90 {
    width: 90%;
}
.w-80 {
    width: 80%;
}
.w-70 {
    width: 70%;
}
.w-60 {
    width: 60%;
}
.w-50 {
    width: 50%;
}
.w-40 {
    width: 40%;
}
.w-30 {
    width: 30%;
}
.w-25 {
    width: 25%;
}
.w-20 {
    width: 20%;
}
.w-10 {
    width: 10%;
}

a {
    color: unset;
    text-decoration: none;
}

:root {
    --primary-color: #4c4e3a;
    --secondary-color: #3b2d13;
    --tertiary-color: #727557;
    --quaternary-color: #9c7c56;

    --primary-text: #e8d6b3;
    --secondary-text: var(--quaternary-color);
    --tertiary-text: var(--secondary-color);
    --quaternary-text: var(--primary-color);
}