:root {
    --custom-brown-400: #6F4E37;
    --custom-brown-300: #A67B5B;
    --custom-brown-200: #f9e3cb;
    --custom-brown-100: #FAF7F0;
    --custom-blue-400: #295F98;
    --custom-beige-400: #CDC2A5;
    --custom-beige-300: #E8DAB2;
    --custom-beige-200: #EAE4DD;
}

body {
    background-color: var(--custom-beige-200);
    overflow: hidden;

}

/* custom bg text */
.text-custom-blue-400 {
    color: var(--custom-blue-400) !important;
}

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

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

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

.bg-custom-blue-400 {
    background-color: var(--custom-blue-400) !important;
}

.bg-custom-beige-400 {
    background-color: var(--custom-beige-400) !important;
}

.bg-custom-beige-300 {
    background-color: var(--custom-beige-300) !important;
}

.bg-custom-beige-200 {
    background-color: var(--custom-beige-200) !important;
}

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

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

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

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

.bg-custom-brown-400 {
    background-color: var(--custom-brown-400) !important;
}

.bg-custom-brown-300 {
    background-color: var(--custom-brown-300) !important;
}

.bg-custom-brown-200 {
    background-color: var(--custom-brown-200) !important;
}

.bg-custom-brown-100 {
    background-color: var(--custom-brown-100) !important;
}
.bg-custom-guestbook {
    background-color: var(--custom-beige-200) !important;
}