// Change value accordingly with the app's brand color hex value
$brandColor: #619af3; // update HSL

// WIP : À mettre à jour dès que palette calculée
// Dégradé issu de la couleur du logo
// [Note] 900 = plus foncé ; 100 = plus clair ; 500 = couleur du logo 
$brand900 : desaturate(darken($brandColor, 45%), 10%);  // #0D2E61
$brand800 : desaturate(darken($brandColor, 34%), 9%);   // #134593
$brand700 : desaturate(darken($brandColor, 23%), 10%);  // #1B5DC4
$brand600 : desaturate(darken($brandColor, 12%), 7%);   // #3077E7
$brand500 : $brandColor;                                // #619AF3
$brand400 : lighten($brandColor, 5%);                   // #79A9F5
$brand300 : lighten($brandColor, 12%);                  // #9ABEF7
$brand200 : lighten($brandColor, 19%);                  // #BBD4FA
$brand100 : lighten($brandColor, 26%);                  // #DCE9FC

// Teintes de gris
// [Note] 900 = plus foncé ; 100 = plus clair 
$gris900: #1A202C;
$gris800: #2D3748;
$gris700: #4A5568;
$gris600: #718096;
$gris500: #A0AEC0;
$gris400: #CBD5E0;
$gris300: #E2E8F0;
$gris200: #EDF2F7;
$gris100: #F7FAFC;

$noir : #000000;
$blanc : #FFFFFF;

//Alert messages

$danger: #e65244;
$dangerLight : lighten($danger, 20%);
$warning : #fc8802;
$warningLight : lighten($warning, 30%);
$success : #49D793;
$successLight : lighten($success, 35%);
$info : #59B9E2;
$infoLight : lighten($info, 30%);

// Palette de couleur

$rouge: #B22222;
$orange: #FF8C00;
$jauneLight: #fff7cc;
$jaune: #FFD700;
$vertDark: #02BF54;
$vert: #00FA9A;
$bleuDark: #008AB8;
$bleu: #00BFFF;
$violetDark: #BA55D3;
$violet: #DDA0DD;
$roseDark: #FF1493;
$rose: #FFAFDA;


a.ui-state-default {
    color: $gris700;
}