// Change value accordingly with the app's brand color hex value
$brandColor: hsl(198, 80%, 64%); // ADS HSL

$brandDark : desaturate(darken($brandColor, 25%), 20%);
$brandDarker : desaturate(darken($brandColor, 40%), 50%);
$brand400 : desaturate(lighten($brandColor, 15%), 5%);
$brand300 : desaturate(lighten($brandColor, 30%), 10%);
$brand200 : desaturate(lighten($brandColor, 30%), 15%);


// Dégradé issu de la couleur du logo
// [Note] 900 = plus foncé ; 100 = plus clair ; 500 = couleur du logo 
$brand900 : desaturate(darken($brandColor, 42%), 40%);
$brand800 : desaturate(darken($brandColor, 32%), 8%);
$brand700 : desaturate(darken($brandColor, 20%), 9%);
$brand600 : desaturate(darken($brandColor, 10%), 8%);
$brand500 : $brandColor;
$brand400 : lighten($brandColor, 9%);
$brand300 : lighten($brandColor, 19%);
$brand200 : lighten($brandColor, 28%);
$brand100 : lighten($brandColor, 33%);


.brand {
    width: 100px;
    height: 100px;
    display: inline-block;
    &100 {
        background-color: $brand100;
    }
    &200 {
        background-color: $brand200;
    }
    &300 {
        background-color: $brand300;
    }
    &400 {
        background-color: $brand400;
    }
    &500 {
        background-color: $brand500;
    }
    &600 {
        background-color: $brand600;
    }
    &700 {
        background-color: $brand700;
    }
    &800 {
        background-color: $brand800;
    }
    &900 {
        background-color: $brand900;
    }
}


// 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;

// Menu 

$autorisation        : hsl(210, 80%, 75%);
$guichetUnique       : hsl(40, 90%, 75%);
$qualification       : hsl(55, 100%, 65%);
$instruction         : hsl(100, 63%, 75%);
$contentieux         : hsl(240, 39%, 75%);
$suivi               : hsl(80, 53%, 75%);
$demandesAvis        : hsl(210, 100%, 75%);
$numerisation        : hsl(160, 62%, 75%);
$exportImport        : hsl(0, 2%, 75%);
$parametrageDossiers : hsl(30, 100%, 75%);
$parametrageApp      : hsl(10, 100%, 70%);
$administration      : hsl(0, 100%, 60%);


//Alert messages

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

// Palette de couleur

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


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