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

@import url("global.css");
@import url("sections/auth.css");
@import url("sections/auth_responsive.css");
@import url("sections/box.css");
@import url("sections/box_responsive.css");
@import url("sections/breadcrumb.css");
@import url("sections/breadcrumb_responsive.css");
@import url("sections/calendar.css");
@import url("sections/calendar_responsive.css");
@import url("sections/form.css");
@import url("sections/form_responsive.css");
@import url("sections/card.css");
@import url("sections/card_responsive.css");
@import url("sections/btt.css");
@import url("sections/btt_responsive.css");
@import url("sections/grid.css");
@import url("sections/grid_responsive.css");
@import url("sections/header.css");
@import url("sections/header_responsive.css");
@import url("sections/components.css");
@import url("sections/components_responsive.css");
@import url("sections/sidebar.css");
@import url("sections/sidebar_responsive.css");
@import url("sections/main.css");
@import url("sections/main_responsive.css");
@import url("sections/alert.css");
@import url("sections/table.css");
@import url("sections/table_responsive.css");
@import url("sections/pagination.css");
@import url("sections/map.css");
@import url("sections/nav.css");
@import url("sections/nav_responsive.css");
@import url("sections/modal.css");
@import url("sections/fixit.css");

:root {
    --font-family-open-sans: "Open Sans", sans-serif;
    --font-family-lato: "Lato", sans-serif;

    --primary-darkest: rgba(13, 9, 63, 1);
    --primary-darkest-50: rgba(13, 9, 63, 0.5);
    --primary-darker: rgba(18, 99, 237, 1);
    --primary-darker-50: rgba(18, 99, 237, 0.5);
    --primary-base: rgba(69, 138, 255, 1);
    --primary-base-50: rgba(69, 138, 255, 0.5);
    --primary-lighter: rgba(124, 168, 244, 1);
    --primary-lighter-50: rgba(124, 168, 244, 0.5);
    --primary-lightest: rgba(236, 243, 253, 1);
    --primary-lightest-50: rgba(236, 243, 253, 0.5);

    --main-white: rgba(255, 255, 255, 1);
    --main-grey-01: rgba(243, 243, 247, 1);
    --main-grey-01-50: rgba(243, 243, 247, 0.5);
    --main-grey-02: rgba(227, 229, 237, 1);
    --main-grey-02-50: rgba(227, 229, 237, 0.5);
    --main-grey-03: rgba(171, 179, 202, 1);
    --main-grey-03-50: rgba(171, 179, 202, 0.5);
    --main-grey-04: rgba(129, 140, 174, 1);
    --main-grey-04-50: rgba(129, 140, 174, 0.5);
    --main-grey-05: rgba(72, 82, 112, 1);
    --main-grey-05-50: rgba(72, 82, 112, 0.5);
    --main-grey-06: rgba(28, 34, 54, 1);
    --main-grey-06-50: rgba(28, 34, 54, 0.5);
    --main-black: black;

    --feedback-colour-dark-danger: rgba(192, 44, 33, 1);
    --feedback-colour-danger: rgba(240, 78, 65, 1);
    --feedback-colour-danger-50: rgba(240, 78, 65, 0.5);
    --feedback-colour-light-danger: rgba(250, 236, 235, 1);
    --feedback-colour-dark-alert: rgba(199, 106, 0, 1);
    --feedback-colour-alert: rgba(250, 135, 0, 1);
    --feedback-colour-alert-50: rgba(250, 135, 0, 0.5);
    --feedback-colour-light-alert: rgba(255, 241, 224, 1);
    --feedback-colour-dark-success: rgba(59, 160, 86, 1);
    --feedback-colour-success: rgba(61, 187, 95, 1);
    --feedback-colour-success-50: rgba(61, 187, 95, 0.5);
    --feedback-colour-light-success: rgba(235, 245, 237, 1);
    --feedback-colour-dark-postpone: rgba(115, 41, 127, 1);
    --feedback-colour-postpone: rgba(170, 61, 187, 1);
    --feedback-colour-postpone-50: rgba(170, 61, 187, 0.5);
    --feedback-colour-light-postpone: rgba(245, 232, 247, 1);


    --font-size-h4-min: 0.56rem;
    --font-size-h4-max: 0.69rem;

    --font-size-h3-min: 0.88rem;
    --font-size-h3-max: 1rem;

    --font-size-h2-min: 1.09rem;
    --font-size-h2-max: 1.33rem;

    --font-size-h1-min: 1.37rem;
    --font-size-h1-max: 1.78rem;

    /* Tailles de texte light */
    --font-size-xs-light-min: 0.56rem;
    --font-size-xs-light-max: 0.69rem;
    --font-size-sm-light-min: 0.7rem;
    --font-size-sm-light-max: 0.83rem;
    --font-size-base-light-min: 0.88rem;
    --font-size-base-light-max: 1rem;
    --font-size-md-light-min: 1.09rem;
    --font-size-md-light-max: 1.2rem;
    --font-size-lg-light-min: 1.37rem;
    --font-size-lg-light-max: 1.44rem;
    --font-size-xl-light-min: 1.71rem;
    --font-size-xl-light-max: 1.73rem;

    /* Tailles de texte regular */
    --font-size-xs-regular-min: 0.56rem;
    --font-size-xs-regular-max: 0.69rem;
    --font-size-sm-regular-min: 0.7rem;
    --font-size-sm-regular-max: 0.83rem;
    --font-size-base-regular-min: 0.88rem;
    --font-size-base-regular-max: 1rem;
    --font-size-md-regular-min: 1.09rem;
    --font-size-md-regular-max: 1.2rem;
    --font-size-lg-regular-min: 1.37rem;
    --font-size-lg-regular-max: 1.44rem;
    --font-size-xl-regular-min: 1.71rem;
    --font-size-xl-regular-max: 1.73rem;

    /* Tailles de texte bold */
    --font-size-xs-bold-min: 0.56rem;
    --font-size-xs-bold-max: 0.69rem;
    --font-size-sm-bold-min: 0.7rem;
    --font-size-sm-bold-max: 0.83rem;
    --font-size-base-bold-min: 0.88rem;
    --font-size-base-bold-max: 1rem;
    --font-size-md-bold-min: 1.09rem;
    --font-size-md-bold-max: 1.2rem;
    --font-size-lg-bold-min: 1.37rem;
    --font-size-lg-bold-max: 1.44rem;
    --font-size-xl-bold-min: 1.71rem;
    --font-size-xl-bold-max: 1.73rem;

    /* Poids de la police */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-bold: 700;

    /* Hauteur de ligne */
    --line-height-base: 20.8px;
}