/****************************
* Application Scss Variables
*****************************/

/****************************************************************

    Naming conventions!

    camelCase

    prefix everything with its type,
    then its definition,
    then its modifier, ie:

    $colorBrand: #003056;
    $colorBrandLight: $394823;

    $fontPrimary: avenir;
    $fontSizeM: 12px;
    
    Nothing in here should be component specific. Don't add things like $panelBGDark, instead
    use one of the predefined colors like $colorNavyBlue or something.

    Thanks!

*****************************************************************/

// Primary brand colors
$colorBrand: #003056;
$colorBrandLight: #60a7e5;
$colorBrandGrey: #7e7d7e;
$colorBrandYellow: #ffe800;
$colorBrandGreen: #64a869;

// Navy Blues
$colorNavyLight: #616770;
$colorNavyMedium: #1c2532;
$colorNavyDark: #05070a;

// Grays
$colorGreyExtraLight: #dee2e6;
$colorGreyLight: #a4a4a4;
// Body font color
$colorGreyMedium: #777c84;
$colorGreyDark: #646364;

$colorLight: #fff;

// Errors
$colorRed: #ff3300;

// Default Font Sizes
// 50px
$fontSizeXXXL: 3.125rem;
// 40px
$fontSizeXXL: 2.5rem;
// 26px
$fontSizeXL: 1.625rem;
// 17px
$fontSizeL: 1.0625rem;
// Baseline font size / 16px === 1rem
// do not convert to rems
$fontSizeM: 16px;
// 14px
$fontSizeS: 0.875rem;
// 12px
$fontSizeXS: 0.75rem;


// Default font weights
$fontRegular: 500;
$fontMedium: 600;
$fontBold: 700;

// Used by both Brain-map and BICCN
$font: 'roboto', sans-serif;
$fontIcon: 'Font Awesome 5 Free';

$boxShadowDefault: -1px 4px 21px -1px rgba(52,52,52,0.61);;