@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");

:root {
    --nolecom-brand-color: #E72566;
    --nolecom-brand-color-rgb: 231,37,102;
    --brand-color: #E78443FF;
    --brand-color-rgb: 231, 132, 67;
    --secondary: rgba(0, 0, 0, 0.5);
    --secondary-rgb:  0, 0, 0;
    --success: #28a745;
    --success-rgb: 40, 167, 69;
    --info: #17a2b8;
    --info-rgb: 23, 162, 184;
    --warning: #ffc107;
    --warning-rgb: 255, 193, 7;
    --danger: #dc3545;
    --danger-rgb: 220, 53, 69;
    --light: #f8f9fa;
    --light-rgb: 248, 249, 250;
    --dark: #343a40;
    --dark-rgb: 52, 58, 64;
    --test-mode-color: var(--warning);
    --test-mode-color-rgb: var(--warning-rgb);

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --brandbar-background: rgba(184, 181, 177, 0.342);

    --navbar-background: #fcf8f4;
    --navbar-shadow: #00000021;
    --navbar-background-active-item: rgb(223, 215, 215);
    --navbar-background-hover-item: rgb(182, 182, 182);
    --navbar-icon-color: rgb(27, 27, 27);
    --navbar-link-color: rgb(27, 27, 27);

    --content-background: #fcf8f4;
    --content-shadow: #00000021;
    --content-border-color: rgb(212, 212, 212);
    --content-scrollbar-thumb: rgba(180, 180, 180, 0.267);
    --content-scrollbar-track: #eeeae4;

    --logout-background: #000;
    --logout-background-shadow: rgba(0, 0, 0, 0.322);
    --logout-text: #fff;

    --card-background: #fff;
    --card-shadow: #0000000c;

    --table-background: rgb(236, 231, 231);
    --table-background-rgba: rgb(236, 231, 231);
    --table-pagination-bg-color: rgb(236, 231, 231);

    --brandbar-menu-bg: #dfdbd7;

    --border-background: #00000018;
    --input-background: transparent;
    --input-searchbox-background: #00000018;
    --search-icon: url("../images/icons/search_black_24dp.svg") no-repeat scroll 0.6rem 0.6rem;

    --button-primary: rgb(231, 132, 67);
    --button-secondary: rgba(0, 0, 0, 0.16);
    --button-danger: rgba(220,53,69,1);
    --button-warning: rgba(255,193,7,1);
    --button-info: rgb(23, 179, 184);
    --button-success: rgba(40,167,127,1);
    --button-dark: rgba(52,58,64,1);

    --main-text-color: rgb(0, 0, 0);
    --main-text-color-rgb: 0, 0, 0;

    --calendar-background: white;
    --calendar-jobevents-background: white;
    --dropdown-background-color: #e3e1dd;
    --calendar-events-brightness_perc: 50%;
}
:root body.darkmode {
    --brandbar-background: rgb(31, 30, 29);

    --navbar-background: #141313;
    --navbar-shadow: #000000;
    --navbar-background-active-item: rgb(49, 47, 47);
    --navbar-background-hover-item: rgb(58, 58, 58);
    --navbar-icon-color: rgb(233, 232, 232);
    --navbar-link-color: rgb(235, 233, 233);

    --content-background: #141313;
    --content-shadow: #000000;
    --content-border-color: rgb(65, 65, 65);
    --content-scrollbar-thumb: rgba(95, 95, 95, 0.267);
    --content-scrollbar-track: #1b1b1a;

    --logout-background: rgb(255, 255, 255);
    --logout-background-shadow: rgba(0, 0, 0, 0.651);
    --logout-text: rgb(0, 0, 0);

    --card-background: rgb(32, 32, 32);
    --card-shadow: #00000036;

    --table-background: rgb(41, 40, 40);
    --table-background-rgba: rgb(41, 40, 40);
    --table-pagination-bg-color: rgb(32, 32, 32);

    --brandbar-menu-bg: #1f1e1d;

    --border-background: #464646;
    --input-background: #303030;
    --input-searchbox-background: #303030;
    --search-icon: url("../images/icons/search_white_24dp.svg") no-repeat scroll 0.6rem 0.6rem;

    --main-text-color: rgb(255, 255, 255);
    --main-text-color-rgb: 255, 255, 255;

    --calendar-background: var(--brandbar-menu-bg);
    --calendar-jobevents-background: #363331;
    --dropdown-background-color: #363331;
    --calendar-events-brightness_perc: 30%;
}