:root {
    --color-black: #1f1f1f;

    --color-tokai: #ED6D00;
    --color-white: #ffffff;

    --color-local: #ED6D00;

    --color-main: rgb(0, 0, 0);
    --color-sub: #d70010;
    --color-sub2: #000000;
    --color-sub3: #B60005;
    --color-sub4: #000000;

    --color-text: #AC1F25;
}

/* linear-gradient(160deg, #c5ad78 0%, #a68c51 30%, #87562d 100%) */

/* Background Colors */
.main-bg {
    background: var(--color-main);
}

.sub-bg {
    background: var(--color-sub);
}

.sub2-bg {
    background: var(--color-sub2);
}

.sub3-bg {
    background: var(--color-sub3);
}

.tokai-bg {
    background: var(--color-tokai);
}

.local-bg {
    background: var(--color-local);
}

.black-bg {
    background: var(--color-black);
}

.white-bg {
    background: var(--color-white);
}

/* button gradient background */
.main-gradient {
    background: linear-gradient(to top, #fde2ef, #fff 50%, #fff 100%);
}

.sub-gradient {
    background: linear-gradient(to top, #fdfbe2, #fff 50%, #fff 100%);
}

.sub2-gradient {
    background: linear-gradient(to top, #e2eafd, #fff 50%, #fff 100%);
}

.sub3-gradient {
    background: linear-gradient(to top, #fde2e2, #fff 50%, #fff 100%);
}

/* Border Colors */
.main-border {
    border: 1px solid var(--color-main);
    background: var(--color-white);
}

.sub-border {
    border: 1px solid var(--color-sub);
}

.sub2-border {
    border: 1px solid var(--color-sub2);
}

.sub3-border {
    border: 1px solid var(--color-sub3);
}

.tokai-border {
    border: 1px solid var(--color-tokai);
}

.local-border {
    border: 1px solid var(--color-local);
}

.black-border {
    border: 1px solid var(--color-black);
}

.white-border {
    border: 1px solid var(--color-white);
}

/* Text Colors */
.main-text {
    color: var(--color-main) !important;
}

.sub-text {
    color: var(--color-sub) !important;
}

.sub2-text {
    color: var(--color-sub2) !important;
}

.sub3-text {
    color: var(--color-sub3) !important;
}

.tokai-text {
    color: var(--color-tokai);
}

.local-text {
    color: var(--color-local);
}

.black-text {
    color: var(--color-black);
}

.white-text {
    color: var(--color-white);
}


/* Background Colors */
.sub4-bg {
    background: var(--color-sub4);
}

/* button gradient background */
.sub4-gradient {
    background: linear-gradient(to top, #e2f3fd, #fff 50%, #fff 100%);
}

/* Border Colors */
.sub4-border {
    border: 1px solid var(--color-sub4);
    background: var(--color-white);
}

/* Text Colors */
.sub4-text {
    color: var(--color-sub4) !important;
}

.color-text {
    color: var(--color-text) !important;
}