:root {
    --primary-bg: #f1f4f8;

    --primary: #5842f1;
    --primary-light: #d0caff;
    --primary-dark: #3127a6;

    --secondary: #d9e2ef;
    --secondary-light: #f5f5f5;
    --secondary-light-nv-support: #d8d6e1;
    --secondary-dark: #b4c1d7;

    --border-color: #dee2e6;
    --warning: #ffb85e;
    --valid: #7DDD80;
    --invalid: #FB6D6D;

    --disabled: #f5f5f5;

    --white: #fff;
    --black: #000;
    --gey: #c5c5ca;
    --red: #fb6d6d; /*#ff5a5a;*/

    --font-color-primary: #1b2a4e;

    --calendar-bg-1: #e1dcfb;
    --calendar-bg-2: #fff9b7;
    --calendar-bg-3: #f5c1a3;
    --calendar-bg-4: #fb6d6d;
    --calendar-bg-5: #E2AFDF;

    --calendar-text-color-1: #6852ed;
    --calendar-text-color-2: #1b2a4e;
    --calendar-text-color-3: #1b2a4e;
    --calendar-text-color-4: #2c0202;
    --calendar-text-color-5: #000000;

    --calendar-legal-absence-bg: rgb(204, 204, 204);
    --calendar-legal-absence-text: black;
    --calendar-legal-absence-border: white;

    --calendar-illness-bg: rgb(204, 204, 204);
    --calendar-illness-text: black;
    --calendar-illness-border: white;

    --calendar-special-absence-bg: #E2AFDF;
    --calendar-special-absence-text: black;
    --calendar-special-absence-border: #C27AB3;

    --calendar-pending-absence-request-bg: rgb(204, 204, 204);
    --calendar-pending-absence-request-text: black;
    --calendar-pending-absence-request-border: black;

    --calendar-pending-absence-removal-bg: rgb(204, 204, 204);
    --calendar-pending-absence-removal-text: black;
    --calendar-pending-absence-removal-border: red;

    --calendar-approved-home-office-bg: rgb(237, 207, 166);
    --calendar-approved-home-office-text: black;
    --calendar-approved-home-office-border: white;

    --calendar-pending-home-office-request-bg: rgb(237, 207, 166);
    --calendar-pending-home-office-request-text: black;
    --calendar-pending-home-office-request-border: black;

    --calendar-pending-home-office-removal-bg: rgb(237, 207, 166);
    --calendar-pending-home-office-removal-text: black;
    --calendar-pending-home-office-removal-border: red;

    --gap-1: 0.25rem;
    --gap-2: 0.5rem;
    --gap-3: 1rem;
    --gap-4: 1.5rem;
    --gap-5: 2rem;

    --form-input-height: 38px;

    --border-radius-1: 0.25rem;
    --border-radius-2: 0.5rem;
    --border-radius-3: 1rem;
    --border-radius-4: 1.5rem;
    --border-radius-5: 2rem;

    --font-size-1: 0.75rem;
    --font-size-2: 0.875rem;
    --font-size-3: 1rem;
    --font-size-4: 1.25rem;
    --font-size-5: 1.5rem;
}