:root {
    --color-1: #664d03;
    --color-2: #966f2c;
    --color-3: #bc924a;
    --color-4: #a7503c;
    --color-5: #3b6442;
    --color-6: #1a1f33;
    --color-7: #3d4d5d;
    --color-8: #b3330e;
    --color-9: #6610f2;
    --color-10: #ffa500;
}

/* Colors CSS Variables 1 */
.bg-color-1 {
    background-color: var(--color-1) !important;
}
.text-color-1 {
    color: var(--color-1) !important;
}
.btn-color-1 {
    background-color: var(--color-1) !important;
    border-color: var(--color-1) !important;
    color: #ffffff !important;
}

/* Colors CSS Variables 2 */
.bg-color-2 {
    background-color: var(--color-2) !important;
}
.text-color-2 {
    color: var(--color-2) !important;
}
.btn-color-2 {
    background-color: var(--color-2) !important;
    border-color: var(--color-2) !important;
    color: #ffffff !important;
}

/* Colors CSS Variables 3 */
.bg-color-3 {
    background-color: var(--color-3) !important;
}
.text-color-3 {
    color: var(--color-3) !important;
}
.btn-color-3 {
    background-color: var(--color-3) !important;
    border-color: var(--color-3) !important;
    color: #ffffff !important;
}

/* Colors CSS Variables 4 */
.bg-color-4 {
    background-color: var(--color-4) !important;
}
.text-color-4 {
    color: var(--color-4) !important;
}
.btn-color-4 {
    background-color: var(--color-4) !important;
    border-color: var(--color-4) !important;
    color: #ffffff !important;
}

/* Colors CSS Variables 5 */
.bg-color-5 {
    background-color: var(--color-5) !important;
}
.text-color-5 {
    color: var(--color-5) !important;
}
.btn-color-5 {
    background-color: var(--color-5) !important;
    border-color: var(--color-5) !important;
    color: #ffffff !important;
}

/* Colors CSS Variables 6 */
.bg-color-6 {
    background-color: var(--color-6) !important;
}
.text-color-6 {
    color: var(--color-6) !important;
}
.btn-color-6 {
    background-color: var(--color-6) !important;
    border-color: var(--color-6) !important;
    color: #ffffff !important;
}

/* Colors CSS Variables 7 */
.bg-color-7 {
    background-color: var(--color-7) !important;
}
.text-color-7 {
    color: var(--color-7) !important;
}
.btn-color-7 {
    background-color: var(--color-3) !important;
    border-color: var(--color-3) !important;
    color: #ffffff !important;
}

/* Colors CSS Variables 8 */
.bg-color-8 {
    background-color: var(--color-8) !important;
}
.text-color-8 {
    color: var(--color-8) !important;
}
.btn-color-8 {
    background-color: var(--color-8) !important;
    border-color: var(--color-8) !important;
    color: #ffffff !important;
}

/* Colors CSS Variables 9 */
.bg-color-9 {
    background-color: var(--color-9) !important;
}
.text-color-9 {
    color: var(--color-9) !important;
}
.btn-color-9 {
    background-color: var(--color-9) !important;
    border-color: var(--color-9) !important;
    color: #ffffff !important;
}

/* Colors CSS Variables 10 */
.bg-color-10 {
    background-color: var(--color-10) !important;
}
.text-color-10 {
    color: var(--color-10) !important;
}
.btn-color-10 {
    background-color: var(--color-10) !important;
    border-color: var(--color-10) !important;
    color: #000000 !important;
}