:root {
    --status-font-color: #000000;
    --action-color: #b1d186;
    --action-color-2: #e5dbbc;
    --action-color-3: #9b77de;
    --warning-color: darkorange;
    --warning-color-2: goldenrod;
    --danger-color: #dc4b4b;
    --danger-color-2: red;
    --success-color: #009000;
    --success-color-2: lightgreen;
    --info-color: lightblue;
    --info-color-2: dodgerblue;
    --primary-fontsize: small;
    --schedule-day-marker-color: rgba(187, 255, 0, 0.2);
    --schedule-week-marker-color: rgba(0, 81, 255, 0.2);
    --schedule-month-marker-color: rgba(150, 150, 150, 0.2);
    --menu-indent: 0.8rem;
    --zoom: 1;
    zoom: var(--zoom);
}


[data-theme="rich-dark"] {
    --main-background: url("/static/background.28073ebd012b.jpg");
    --main-logo: url("/static/mms-lm-w.1a2548ad605b.png");
    --text-logo: url("/static/mms-m-w.8e469a55092a.png");
    --full-logo: url("/static/mms-f-w.3970d6afd079.png");
    --graphics-logo: url("/static/mms-l-w.0ce96432ab0e.png");
    --user-logo: url("/static/logo-logo-w.e7dad5fcece7.png");
    --main-theme-color: #00838f;
    --primary-color: #fffefe;
    --primary-disabled-color: #aaaaaa;
    --secondary-solid-color: #000000;
    --secondary-color: #00000052;
    --secondary-color-2: #000000bd;
    --secondary-disabled-color: gray;
    --secondary-disabled-color-2: #333333;
    --popup-shadow: drop-shadow(2px 2px 2px black);
    --scroll-background-color: transparent;
    --primary-thick-border: 2px solid black;
    --primary-thin-border: 1px solid black;
    --calendar-picker-filter: invert(1) brightness(1) saturate(0);
    --protruding-element-shadow-box:
        rgba(255, 255, 255, 0.12) 0px 1px 3px,
        rgba(255, 255, 255, 0.24) 0px 1px 2px;
    --schedule-indicator-box-shadow:
        #a0a0a0 0px 15px 20px -12px,
        #a0a0a0 0px 13px 16px -13px,
        #a0a0a0 0px -2px 6px 0px inset;
    --schedule-row-background-color: repeating-linear-gradient(
        to right,
        var(--secondary-disabled-color),
        var(--secondary-disabled-color) var(--schedule-width-multiplier),
        var(--secondary-disabled-color-2) var(--schedule-width-multiplier),
        var(--secondary-disabled-color-2) calc(2 * var(--schedule-width-multiplier)));
}

[data-theme="dark"] {
    --main-background: url("/static/background.28073ebd012b.jpg");
    --main-logo: url("/static/mms-lm-w.1a2548ad605b.png");
    --text-logo: url("/static/mms-m-w.8e469a55092a.png");
    --full-logo: url("/static/mms-f-w.3970d6afd079.png");
    --graphics-logo: url("/static/mms-l-w.0ce96432ab0e.png");
    --user-logo: url("/static/logo-logo-w.e7dad5fcece7.png");
    --main-theme-color: #00838f;
    --primary-color: #fffefe;
    --primary-disabled-color: #bbbbbb;
    --secondary-solid-color: #000000;
    --secondary-color: var(--secondary-solid-color);
    --secondary-color-2: #101010;
    --secondary-disabled-color: gray;
    --secondary-disabled-color-2: #333333;
    --popup-shadow: drop-shadow(2px 2px 2px black);
    --scroll-background-color: transparent;
    --primary-thick-border: 2px solid var(--secondary-disabled-color-2);
    --primary-thin-border: 1px solid var(--secondary-disabled-color-2);
    --calendar-picker-filter: invert(1) brightness(1) saturate(0);
    --protruding-element-shadow-box:
        rgba(255, 255, 255, 0.12) 0px 1px 3px,
        rgba(255, 255, 255, 0.24) 0px 1px 2px;
    --schedule-indicator-box-shadow:
        #a0a0a0 0px 15px 20px -12px,
        #a0a0a0 0px 13px 16px -13px,
        #a0a0a0 0px -2px 6px 0px inset;
    --schedule-row-background-color: repeating-linear-gradient(
        to right,
        var(--secondary-disabled-color),
        var(--secondary-disabled-color) var(--schedule-width-multiplier),
        var(--secondary-disabled-color-2) var(--schedule-width-multiplier),
        var(--secondary-disabled-color-2) calc(2 * var(--schedule-width-multiplier)));
}

[data-theme="ocean"] {
    --main-background: url("/static/background.28073ebd012b.jpg");
    --main-logo: url("/static/mms-lm-b.a0eb55f6e11a.png");
    --text-logo: url("/static/mms-m-b.3ad1116ef29c.png");
    --full-logo: url("/static/mms-f-b.becc7abe8874.png");
    --graphics-logo: url("/static/mms-l-b.b38b9b3f8d0b.png");
    --user-logo: url("/static/logo-logo-b.e7dad5fcece7.png");
    --main-theme-color: #4F9DA6;
    --primary-color: #1F2E33;
    --primary-disabled-color: #2F3F45;
    --secondary-solid-color: #F4F1EC;
    --secondary-color: var(--secondary-solid-color);
    --secondary-color-2: #E2DED7;
    --secondary-disabled-color: #B9C8C4;
    --secondary-disabled-color-2: #D1C5AE;
    --popup-shadow: drop-shadow(2px 2px 2px black);
    --scroll-background-color: transparent;
    --primary-thick-border: 2px solid var(--secondary-disabled-color-2);
    --primary-thin-border: 1px solid var(--secondary-disabled-color-2);
    --protruding-element-shadow-box:
        rgba(0, 0, 0, 0.12) 0px 1px 3px,
        rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --schedule-indicator-box-shadow:
        #A5B3B8 0px 15px 20px -12px,
        #A5B3B8 0px 13px 16px -13px,
        #A5B3B8 0px -2px 6px 0px inset;
    --schedule-row-background-color: repeating-linear-gradient(
        to right,
        var(--secondary-disabled-color),
        var(--secondary-disabled-color) var(--schedule-width-multiplier),
        var(--secondary-disabled-color-2) var(--schedule-width-multiplier),
        var(--secondary-disabled-color-2) calc(2 * var(--schedule-width-multiplier)));
}

[data-theme="ocean-rich"] {
    --main-background: url("/static/background.28073ebd012b.jpg");
    --main-logo: url("/static/mms-lm-b.a0eb55f6e11a.png");
    --text-logo: url("/static/mms-m-b.3ad1116ef29c.png");
    --full-logo: url("/static/mms-f-b.becc7abe8874.png");
    --graphics-logo: url("/static/mms-l-b.b38b9b3f8d0b.png");
    --user-logo: url("/static/logo-logo-b.e7dad5fcece7.png");
    --main-theme-color: #4F9DA6;
    --primary-color: #1F2E33;
    --primary-disabled-color: #2F3F45;
    --secondary-solid-color: #F4F1EC;
    --secondary-color: #F4F1EC80;
    --secondary-color-2: #E2DED780;
    --secondary-disabled-color: #B9C8C4;
    --secondary-disabled-color-2: #D1C5AE;
    --popup-shadow: drop-shadow(2px 2px 2px black);
    --scroll-background-color: transparent;
    --primary-thick-border: 2px solid var(--secondary-disabled-color-2);
    --primary-thin-border: 1px solid var(--secondary-disabled-color-2);
    --protruding-element-shadow-box:
        rgba(0, 0, 0, 0.12) 0px 1px 3px,
        rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --schedule-indicator-box-shadow:
        #A5B3B8 0px 15px 20px -12px,
        #A5B3B8 0px 13px 16px -13px,
        #A5B3B8 0px -2px 6px 0px inset;
    --schedule-row-background-color: repeating-linear-gradient(
        to right,
        var(--secondary-disabled-color),
        var(--secondary-disabled-color) var(--schedule-width-multiplier),
        var(--secondary-disabled-color-2) var(--schedule-width-multiplier),
        var(--secondary-disabled-color-2) calc(2 * var(--schedule-width-multiplier)));
}

html, body {
    height: 100%;
}