@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --main-blue: rgba(0, 102, 153, 1);
    --main-blue-04: rgba(0, 102, 153, 0.04);
    --main-blue-20: rgba(0, 102, 153, 0.2);
    --main-blue-30: rgba(0, 102, 153, 0.3);
    --main-blue-50: rgba(0, 102, 153, 0.5);
    --main-blue-60: rgba(0, 102, 153, 0.6);
    --main-blue-80: rgba(0, 102, 153, 0.8);
    --very-light-blue: #cce0eb;

    --main-green: #00a896;
    --secondary-green: #01a860;
    --very-light-green: #cceeea;

    --main-yellow: #fcc019;
    --middle-yellow: #d6ab37;
    --secondary-yellow: #ccd844;
    --tertiary-yellow: #debc5f;

    --main-orange: #ed7d31;
    --very-light-orange: #fbe5d6;

    --main-red: #eb5e55;
    --very-light-red: #f7bebb;

    /* > Statuts FPS*/
    --main-purple: #7030a0;
    --color-5: #78a9aa;
    /* < Statuts FPS*/

    /* > Statuts véhicules */
    --color-vehicule-transmis: #00b336;
    --color-vehicule-erreur: #ff4500;
    --color-vehicule-sorti: #e6a3ff;
    /* < Statuts véhicules */

    --main-grey: #595553;

    --very-light-grey: #eee;
    --light-grey: #c2c2c2;
    --middle-grey: #726d67;
    --dark-grey: #444;
    --very-dark-grey: #333;

    --red: #ff0000;
    --white: #ffffff;
    --black: #000000;

    --form-label-color: #888;
    --form-field-border-color: #aaa;
    --form-field-border-radius: 4px;
    --form-field-border-radius-sm: 2px;
}

@font-face {
    font-family: "Avenir";
    src: url("../../fonts/app/avenir-roman.woff") format("woff");
    font-weight: 700;
}

@font-face {
    font-family: "Avenir";
    src: url("../../fonts/app/avenir-light.woff") format("woff");
}

@font-face {
    font-family: "Avenir Book";
    src: url("../../fonts/app/avenir-book.woff") format("woff");
}