:root {
    --page-bg-color: #25534f;
    --sidebar-bg-color: rgba(0, 30, 40, 0.5);
    --toprow-bg-color: rgba(0, 30, 40, 0.5);
    --bg-color: rgba(0, 0, 0, 0.25);
    --text-color: white;
    --card-bg: rgba(0, 0, 0, 0.40);
    --user-bg: rgba(255, 255, 255, 0.25);
    --bot-bg: rgba(0, 0, 0, 0.25);
    --triangle-color: #003624;
    --inner-triangle: rgba(255, 255, 255, 0.75);
    --chat-input-bg: rgba(255, 255, 255, 0.75);
    --chat-input-border-focus: white;
    --chat-input-box-shadow: rgba(255, 255, 255, 0.25);
    --plus-border: #003624;
    --plus-bg: white;
    --links-bg: rgba(0, 0, 0, 0.25);
    --links-color: #50eb4d;
    --navbar-left: 0px;
}


.light-mode {
    --page-bg-color: white;
    --sidebar-bg-color: #005e3f;
    --toprow-bg-color: #005e3f;
    --bg-color: rgba(255, 255, 255, 0.75);
    --text-color: black;
    --card-bg: #F2F2F2;
    --user-bg: white;
    --bot-bg: #d9d9d9;
    --triangle-color: #003624;
    --inner-triangle: rgba(255, 255, 255, 0.9);
    --chat-input-bg: rgba(0, 0, 0, 0.1);
    --chat-input-border-focus: #35BF50;
    --chat-input-box-shadow: rgba(80, 253, 93, 0.25);
    --plus-border: white;
    --plus-bg: #003624;
    --links-bg: rgba(0, 0, 0, 0.1);
    --links-color: #16C026;
}