g-teacher Light Mode by msix29

/* ==UserStyle==
@name           g-teacher Light Mode
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Light mode for `g-teacher.com`. Intended to be used with `better g-teacher.com` style.
@author         Msix29

@var color main-side-bar-background-color "Main SideBar Background Color" #f3e5ab
@var color main-side-bar-text-color "Main SideBar Text Color" #003366
@var color main-side-bar-button-background-color "Main Side Bar Button Background Color" #eef2f3
@var color main-side-bar-button-hover-background-color "Main Side Bar Button Hover Background Color" #c5c9ca
@var color main-side-bar-button-active-background-color "Main Side Bar Button Active Background Color" #9ea5a7

@var color dashboard-pages-side-bar-button-background-color "Dashboard Pages Side Bar Button Background Color" #eef2f3
@var color dashboard-pages-side-bar-button-hover-background-color "Dashboard Pages Side Bar Button Hover Background Color" #c5c9ca
@var color dashboard-pages-side-bar-button-active-background-color "Dashboard Pages Side Bar Button Active Background Color" #9ea5a7
@var color continue-learning-page-topic-dropdown-background-color "Continue Learning Page Topic Dropdown Background Color" #966531
@var color continue-learning-page-topic-accent-color "Continue Learning Page Topic Accent Color" #84d4a4
@var color continue-learning-page-topic-title-background-color "Continue Learning Page Topic Title Background Color" #aa8657
@var color continue-learning-page-topic-title-color "Continue Learning Page Topic Title Color" white
@var color continue-learning-page-active-topic-title-color "Continue Learning Page Active Topic Title Color" white
@var color continue-learning-page-course-name-background-color "Continue Learning Page Course Name Background Color" #f3e5ab
@var color continue-learning-page-course-name-text-color "Continue Learning Page Course Name Text Color" black
==/UserStyle== */
@-moz-document domain("g-teacher.com") {
    :root {
        --main-side-bar-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);

        --main-side-bar-button-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 20px -15px;
        --main-side-bar-button-hover-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        --main-side-bar-button-active-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

        --dashboard-pages-side-bar-button-box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 20px -15px;
        --dashboard-pages-side-bar-button-hover-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
}