front.css

body {
    background-color: #f5f0e1;
    font-family: 'Segoe UI', sans-serif;
}

.gradio-container {
    background-color: #f5f0e1;
    color: #3e3b32;
}

textarea, .chatbox, input {
    background-color: #e1d9c6 !important;
    color: #3e3b32 !important;
    border: 1px solid #9a7e4c !important;
    border-radius: 10px !important;
}

h1, label, .output_text {
    color: #6b4c3b !important;
}

.gr-button {
    background-color: #9a7e4c !important;
    color: white !important;
    border: none;
    border-radius: 8px !important;
    font-weight: bold;
}

.gr-button:hover {
    background-color: #7a5e3c !important;
}