﻿:root {
    --main-color-1: #2C4D21;
    --main-color-2: #8CC049; /*Vert prairie*/
    --main-color-2-op: #8CC0494D; /*Vert prairie op 30%*/
    --main-color-3: #F8F9F8; /*Gris léger*/
    --main-color-4: #E4EED1;
    --bg-ultra-light: #fcfdfd;
    --bg-light: #f8f9f8;
    --bg-light-dim: #F4F5F4;
    --bg-dim: #E0E1E0;
    --bg-dark: #D3D3D3;
    --gray-medium: #afaeb2;
    --holiday: #ffb6c180;
    --school-holiday: #E6E6FAB3;
    --weekly-day-off: #FAFAD2;
    --ok-color: #8cbfc2;
    --ok-high-color: Green;
    --pending-color: #a503fc;
    --warning-color: #f0976b;
    --danger-color: #ec7773;
    --danger-high-color: Red;
    --menu-color: #95A690;
    --menu-color-hover: #bcc7b9;
    --emphasize-color: blue;
    --current-day: #87CEEB4D;
    --selected-color: #B6E77C;
}

.main-color-1 {
    color: var(--main-color-1);
}

.main-color-2 {
    color: var(--main-color-2);
}

.main-color-3 {
    color: var(--main-color-3);
}

.main-color-4 {
    color: var(--main-color-4);
}

.bg-light {
    color: var(--bg-light);
}

.bg-dark {
    color: var(--bg-dark);
}

.gray-medium {
    color: var(--gray-medium);
}

.school-holiday {
    color: var(--school-holiday);
}

.ok-color {
    color: var(--ok-color);
}

.ok-high-color {
    color: var(--ok-high-color);
}

.pending-color {
    color: var(--pending-color);
}

.warning-color {
    color: var(--warning-color);
}

.danger-color {
    color: var(--danger-color);
}

.danger-high-color {
    color: var(--danger-high-color);
}

.sun-color {
    color: #FFE168;
}

.rain-color {
    color: #4DBFD9;
}

.even-line-bg {
    background-color: var(--bg-dark) !important
}

.emphasize-color {
    color: var(--emphasize-color);
}

.bg-danger {
    background-color: #f9b5ac !important;
}

.bg-ok {
    background-color: #b3e9c7 !important;
}

.bg-warning {
    background-color: #f4c95d !important;
}

.bg-ok-high {
    background-color: var(--ok-high-color) !important;
}

.bg-bg-dark {
    background-color: var(--bg-dark) !important;
}

.bg-bg-light {
    background-color: var(--bg-light) !important;
}

.bg-weekly-day-off {
    background-color: var(--weekly-day-off);
}

.bg-current-day {
    background-color: var(--current-day);
}

.bg-holiday {
    background-color: var(--holiday);
}

.bg-school-holiday {
    background-color: var(--school-holiday);
}

.bg-selected {
    background-color: var(--selected-color) !important;
}

.bg-white {
    background-color: white;
}
