:root {
    /* Light Mode */
    --heading_colour: #1B4765;
    --text-color: #38454F;
    --button-text-color: #F8FCFE;
    --darkbluetext: #164562;
    --table-head-bg: #3E8DB4;
    --warmtan: #F2C288;
    --borders: #9FAEB7;

    --categories_button_bg: #3E8DB4;
    --categories_button_bg_hover: #6BB89C;

    : #6BB89C;
    --lesson_button_bg_hover: #3E8DB4;
    --portal_button_bg: #3E8DB4;
    --portal_button_bg_hover: #6BB89C;
    --answer-btn: #3E8DB4;
    --answer-btn-selected: #6BB89C;

    --bg-color: #F6FAFC;
    --sidemenu: #EAF4F9;
}

/* Dark Mode Overrides */
.dark-mode {
    --heading_colour: #D9ECF5;
    --text-color: #F8FCFE;
    --button-text-color: #F8FCFE;
    --darkbluetext: #D9ECF5;
    --table-head-bg: #275E81;
    --warmtan: #BB844B;
    --borders: #576977;

    --categories_button_bg_hover: #275E81;
    --categories_button_bg: #0E4A40;
    --lesson_button_bg_hover: #0E4A40;
    --lesson_button_bg: #275E81;
    --portal_button_bg_hover: #275E81;
    --portal_button_bg: #0E4A40;
    --answer-btn-selected: #275E81;
    --answer-btn: #0E4A40;

    --bg-color: #0D2636;
    --sidemenu: #164562;
}