/**
** Colors
*/
$color-primary: #61BD4F !default;
$color-secondary: #FFA726 !default;

$color-success: #4CAF50 !default;
$color-error: #FF5252 !default;
$color-warn: #FB8C00 !default;
$color-info: #2196F3 !default;

$color-grey: #DDDDDD !default;
$color-grey-dark: darken($color-grey, 15%) !default;
$color-grey-light: lighten($color-grey, 10%) !default;

$color-disabled: #CCC !default;
$color-enabled: $color-primary !default;

/**
** Global
*/
// Typography
$g-font-family: 'Roboto', sans-serif !default;
$g-font-size: 16px !default;
$g-font-weight: 400 !default;
$g-font-color: #3c4858 !default;
$g-line-height: 1.25 !default;

// Selected text
$g-selected-font-color: #FFF !default;
$g-selected-background: $color-primary !default;

// Border
$g-border: 1px solid #DDD;
$g-border-width: nth($g-border, 1) !default;
$g-border-style: nth($g-border, 2) !default;
$g-border-color: nth($g-border, 3) !default;
$g-border-radius: 6px !default;
$g-border-radius-lg: 12px !default;

// Transition
$g-transition: 0.2s ease !default;

// Gutter
$g-gutter: 15px !default;

// Disabled state
$disabled-background: #DDD !default;
$disabled-font-color: $g-font-color !default;

/**
** Components
*/
// Elevation
$elevation-start-index: 0 !default;
$elevation-end-index: 24 !default;

$elevation-umbra-opacity: .15 !default; // default = 0.2
$elevation-penumbra-opacity: .1 !default; // default = 0.14
$elevation-ambient-opacity: .09 !default; // default = 0.12

$elevation-umbra-map: (
        0: "0px 0px 0px 0px",
        1: "0px 2px 1px -1px",
        2: "0px 3px 1px -2px",
        3: "0px 3px 3px -2px",
        4: "0px 2px 4px -1px",
        5: "0px 3px 5px -1px",
        6: "0px 3px 5px -1px",
        7: "0px 4px 5px -2px",
        8: "0px 5px 5px -3px",
        9: "0px 5px 6px -3px",
        10: "0px 6px 6px -3px",
        11: "0px 6px 7px -4px",
        12: "0px 7px 8px -4px",
        13: "0px 7px 8px -4px",
        14: "0px 7px 9px -4px",
        15: "0px 8px 9px -5px",
        16: "0px 8px 10px -5px",
        17: "0px 8px 11px -5px",
        18: "0px 9px 11px -5px",
        19: "0px 9px 12px -6px",
        20: "0px 10px 13px -6px",
        21: "0px 10px 13px -6px",
        22: "0px 10px 14px -6px",
        23: "0px 11px 14px -7px",
        24: "0px 11px 15px -7px"
) !default;
$elevation-penumbra-map: (
        0: "0px 0px 0px 0px",
        1: "0px 1px 1px 0px",
        2: "0px 2px 2px 0px",
        3: "0px 3px 4px 0px",
        4: "0px 4px 5px 0px",
        5: "0px 5px 8px 0px",
        6: "0px 6px 10px 0px",
        7: "0px 7px 10px 1px",
        8: "0px 8px 10px 1px",
        9: "0px 9px 12px 1px",
        10: "0px 10px 14px 1px",
        11: "0px 11px 15px 1px",
        12: "0px 12px 17px 2px",
        13: "0px 13px 19px 2px",
        14: "0px 14px 21px 2px",
        15: "0px 15px 22px 2px",
        16: "0px 16px 24px 2px",
        17: "0px 17px 26px 2px",
        18: "0px 18px 28px 2px",
        19: "0px 19px 29px 2px",
        20: "0px 20px 31px 3px",
        21: "0px 21px 33px 3px",
        22: "0px 22px 35px 3px",
        23: "0px 23px 36px 3px",
        24: "0px 24px 38px 3px"
) !default;
$elevation-ambient-map: (
        0: "0px 0px 0px 0px",
        1: "0px 1px 3px 0px",
        2: "0px 1px 5px 0px",
        3: "0px 1px 8px 0px",
        4: "0px 1px 10px 0px",
        5: "0px 1px 14px 0px",
        6: "0px 1px 18px 0px",
        7: "0px 2px 16px 1px",
        8: "0px 3px 14px 2px",
        9: "0px 3px 16px 2px",
        10: "0px 4px 18px 3px",
        11: "0px 4px 20px 3px",
        12: "0px 5px 22px 4px",
        13: "0px 5px 24px 4px",
        14: "0px 5px 26px 4px",
        15: "0px 6px 28px 5px",
        16: "0px 6px 30px 5px",
        17: "0px 6px 32px 5px",
        18: "0px 7px 34px 6px",
        19: "0px 7px 36px 6px",
        20: "0px 8px 38px 7px",
        21: "0px 8px 40px 7px",
        22: "0px 8px 42px 7px",
        23: "0px 9px 44px 8px",
        24: "0px 9px 46px 8px"
) !default;

// Buttons
$btn-base-color: #EEE !default;