:root {
    --chat-bg: #fff;
    --chat-text: #333;
    --chat-bubble-user: #5b5a5a;
    --chat-bubble-bot: #fff
}

.dark-theme {
    --chat-bg: #1e1e2f;
    --chat-text: #f0f0f0;
    --chat-bubble-user: #007bff;
    --chat-bubble-bot: #2c2c3c;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', sans-serif;
    background-color: #ddd;
    color: var(--chat-text);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-container {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}