//colors
//基准色
$white: #ffffff;
$black-base: #000000;
$gray: #7B98A7;

// 黑、暗、灰
$dark: #263449;
$dark-lt: #2c3c55;
$dark-dk: #202c3d;
$dark-box: #30425d;


$black: #16202f;
$black-lt: #1c283b;
$black-dk: #101823;
$black-box: #202e44;

$grey: #354255;
$grey-lt: #3c4b60;
$grey-dk: #2e394a;
$grey-box: #415168;

//安全色
$red: #F62D51;
$red-lt: #F9627D;
$red-dk: #D12645;
$red-bg: #FEEAED;

$orange: #FDCF2F;
$orange-lt: #FEDB63;
$orange-dk: #FBB212;
$orange-bg: #FEFAEA;

$green: #77D042;
$green-lt: #99DC72;
$green-dk: #64B138;
$green-bg: #F1FAEC;

$blue: #17A7FB;
$blue-lt: #51BDFC;
$blue-dk: #148ED5;
$blue-bg: #E7F6FE;

$teal: #18C3F2;
$teal-lt: #52D2F6;
$teal-dk: #15A6CE;
$teal-bg: #E7F9FD;
$light: #F6FAFB;

$brand-primary: $blue;
$brand-primary-lt: $blue-lt;
$brand-primary-dk: $blue-dk;
$brand-primary-bg: $blue-bg;
$brand-success: $green;
$brand-success-lt: $green-lt;
$brand-success-dk: $green-dk;
$brand-success-bg: $green-bg;
$brand-info: $teal;
$brand-info-lt: $teal-lt;
$brand-info-dk: $teal-dk;
$brand-info-bg: $teal-bg;
$brand-warning: $orange;
$brand-warning-lt: $orange-lt;
$brand-warning-dk: $orange-dk;
$brand-warning-bg: $orange-bg;
$brand-danger: $red;
$brand-danger-lt: $red-lt;
$brand-danger-dk: $red-dk;
$brand-danger-bg: $red-bg;

$status-palette: (
        primary: $brand-primary,
        success: $brand-success,
        warning: $brand-warning,
        danger: $brand-danger,
        info: $brand-info
);

$all-status-palette: (
        primary: $brand-primary,
        primary-lt: $brand-primary-lt,
        primary-dk: $brand-primary-dk,
        primary-bg: $brand-primary-bg,
        success: $brand-success,
        success-lt: $brand-success-lt,
        success-dk: $brand-success-dk,
        success-bg: $brand-success-bg,
        warning: $brand-warning,
        warning-lt: $brand-warning-lt,
        warning-dk: $brand-warning-dk,
        warning-bg: $brand-warning-bg,
        danger: $brand-danger,
        danger-lt: $brand-danger-lt,
        danger-dk: $brand-danger-dk,
        danger-bg: $brand-danger-bg,
        info: $brand-info,
        info-lt: $brand-info-lt,
        info-dk: $brand-info-dk,
        info-bg: $brand-info-bg,
);

$colors-map: (
        red: (
                0:#f44336,
                50:#ffebee,
                100:#ffcdd2,
                200:#ef9a9a,
                300:#e57373,
                400:#ef5350,
                500:#f44336,
                600:#e53935,
                700:#d32f2f,
                800:#c62828,
                900:#b71c1c,
                A100:#ff8a80,
                A200:#ff5252,
                A400:#ff1744,
                A700:#d50000),
        pink: (
                0:#e91e63,
                50:#fce4ec,
                100:#f8bbd0,
                200:#f48fb1,
                300:#f06292,
                400:#ec407a,
                500:#e91e63,
                600:#d81b60,
                700:#c2185b,
                800:#ad1457,
                900:#880e4f,
                A100:#ff80ab,
                A200:#ff4081,
                A400:#f50057,
                A700:#c51162),
        purple: (
                0:#9c27b0,
                50:#f3e5f5,
                100:#e1bee7,
                200:#ce93d8,
                300:#ba68c8,
                400:#ab47bc,
                500:#9c27b0,
                600:#8e24aa,
                700:#7b1fa2,
                800:#6a1b9a,
                900:#4a148c,
                A100:#ea80fc,
                A200:#e040fb,
                A400:#d500f9,
                A700:#a0f),
        deep-purple: (
                0:#673ab7,
                50:#ede7f6,
                100:#d1c4e9,
                200:#b39ddb,
                300:#9575cd,
                400:#7e57c2,
                500:#673ab7,
                600:#5e35b1,
                700:#512da8,
                800:#4527a0,
                900:#311b92,
                A100:#b388ff,
                A200:#7c4dff,
                A400:#651fff,
                A700:#6200ea),
        indigo: (
                0:#3f51b5,
                50:#e8eaf6,
                100:#c5cae9,
                200:#9fa8da,
                300:#7986cb,
                400:#5c6bc0,
                500:#3f51b5,
                600:#3949ab,
                700:#303f9f,
                800:#283593,
                900:#1a237e,
                A100:#8c9eff,
                A200:#536dfe,
                A400:#3d5afe,
                A700:#304ffe),
        blue:(
                0:#17A7FB,
                50:#e3f2fd,
                100:#bbdefb,
                200:#90caf9,
                300:#64b5f6,
                400:#42a5f5,
                500:#2196f3,
                600:#1e88e5,
                700:#1976d2,
                800:#1565c0,
                900:#0d47a1,
                A100:#82b1ff,
                A200:#448aff,
                A400:#2979ff,
                A700:#2962ff),
light-blue:(
        0:#03a9f4,
        50:#e1f5fe,
        100:#b3e5fc,
        200:#81d4fa,
        300:#4fc3f7,
        400:#29b6f6,
        500:#03a9f4,
        600:#039be5,
        700:#0288d1,
        800:#0277bd,
        900:#01579b,
        A100:#80d8ff,
        A200:#40c4ff,
        A400:#00b0ff,
        A700:#0091ea),
cyan:(
        0:#00bcd4,
        50:#e0f7fa,
        100:#b2ebf2,
        200:#80deea,
        300:#4dd0e1,
        400:#26c6da,
        500:#00bcd4,
        600:#00acc1,
        700:#0097a7,
        800:#00838f,
        900:#006064,
        A100:#84ffff,
        A200:#18ffff,
        A400:#00e5ff,
        A700:#00b8d4),
teal:(
        0:#009688,
        50:#e0f2f1,
        100:#b2dfdb,
        200:#80cbc4,
        300:#4db6ac,
        400:#26a69a,
        500:#009688,
        600:#00897b,
        700:#00796b,
        800:#00695c,
        900:#004d40,
        A100:#a7ffeb,
        A200:#64ffda,
        A400:#1de9b6,
        A700:#00bfa5),
green:(
        0:#4caf50,
        50:#e8f5e9,
        100:#c8e6c9,
        200:#a5d6a7,
        300:#81c784,
        400:#66bb6a,
        500:#4caf50,
        600:#43a047,
        700:#388e3c,
        800:#2e7d32,
        900:#1b5e20,
        A100:#b9f6ca,
        A200:#69f0ae,
        A400:#00e676,
        A700:#00c853),
light-green:(
        0:#8bc34a,
        50:#f1f8e9,
        100:#dcedc8,
        200:#c5e1a5,
        300:#aed581,
        400:#9ccc65,
        500:#8bc34a,
        600:#7cb342,
        700:#689f38,
        800:#558b2f,
        900:#33691e,
        A100:#ccff90,
        A200:#b2ff59,
        A400:#76ff03,
        A700:#64dd17),
lime:(
        0:#cddc39,
        50:#f9fbe7,
        100:#f0f4c3,
        200:#e6ee9c,
        300:#dce775,
        400:#d4e157,
        500:#cddc39,
        600:#c0ca33,
        700:#afb42b,
        800:#9e9d24,
        900:#827717,
        A100:#f4ff81,
        A200:#eeff41,
        A400:#c6ff00,
        A700:#aeea00),
yellow:(
        0:#ffeb3b,
        50:#fffde7,
        100:#fff9c4,
        200:#fff59d,
        300:#fff176,
        400:#ffee58,
        500:#ffeb3b,
        600:#fdd835,
        700:#fbc02d,
        800:#f9a825,
        900:#f57f17,
        A100:#ffff8d,
        A200:#ff0,
        A400:#ffea00,
        A700:#ffd600),
amber:(
        0:#ffc107,
        50:#fff8e1,
        100:#ffecb3,
        200:#ffe082,
        300:#ffd54f,
        400:#ffca28,
        500:#ffc107,
        600:#ffb300,
        700:#ffa000,
        800:#ff8f00,
        900:#ff6f00,
        A100:#ffe57f,
        A200:#ffd740,
        A400:#ffc400,
        A700:#ffab00),
orange:(
        0:#ff9800,
        50:#fff3e0,
        100:#ffe0b2,
        200:#ffcc80,
        300:#ffb74d,
        400:#ffa726,
        500:#ff9800,
        600:#fb8c00,
        700:#f57c00,
        800:#ef6c00,
        900:#e65100,
        A100:#ffd180,
        A200:#ffab40,
        A400:#ff9100,
        A700:#ff6d00),
deep-orange:(
        0:#ff5722,
        50:#fbe9e7,
        100:#ffccbc,
        200:#ffab91,
        300:#ff8a65,
        400:#ff7043,
        500:#ff5722,
        600:#f4511e,
        700:#e64a19,
        800:#d84315,
        900:#bf360c,
        A100:#ff9e80,
        A200:#ff6e40,
        A400:#ff3d00,
        A700:#dd2c00),
brown:(
        0:#795548,
        50:#efebe9,
        100:#d7ccc8,
        200:#bcaaa4,
        300:#a1887f,
        400:#8d6e63,
        500:#795548,
        600:#6d4c41,
        700:#5d4037,
        800:#4e342e,
        900:#3e2723),
blue-grey:(
        0:#607d8b,
        50:#eceff1,
        100:#cfd8dc,
        200:#b0bec5,
        300:#90a4ae,
        400:#78909c,
        500:#607d8b,
        600:#546e7a,
        700:#455a64,
        800:#37474f,
        900:#263238),
grey:(
        0:#7B98A7,
        50:#fafafa,
        100:#f5f5f5,
        200:#eee,
        300:#e0e0e0,
        400:#bdbdbd,
        500:#9e9e9e,
        600:#757575,
        700:#616161,
        800:#424242,
        900:#212121)
);


//media
$media-min-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        lg: 992px,
        xl: 1200px
);
$media-max-breakpoints: (
        xs: 0,
        sm: 543px,
        md: 767px,
        lg: 991px,
        xl: 1199px
);
//text
$text-colors: (
        primary: map-get($status-palette, 'primary'),
        success: map-get($status-palette, 'success'),
        warning: map-get($status-palette, 'warning'),
        danger: map-get($status-palette, 'danger'),
        info: map-get($status-palette, 'info'),
        dark: $dark,
        white: $white,
        white-lt: rgba($white, .54),
        white-dk: rgba($white, .87),
        black: $black,
        black-lt: rgba($black, .54),
        black-dk: rgba($black, .87)
);

$font-size-base: 1rem;
$heading-line-height-base: 1.5rem;

$text-size: (
        null: 1rem,
        xs: .75rem,
        sm: .875rem,
        md: 1.125rem,
        lg: 1.25rem,
        2x: 1.5rem !important,
        3x: 1.875rem !important,
        4x: 2.25rem !important,
        5x: 2.625rem !important,
        6x: 3.125rem !important
);

$a-hover-status-palette: (
        primary: $blue-lt,
        success: $green-lt,
        warning: $orange-lt,
        danger: $red-lt,
        info: $teal-lt,
        dark: $dark-lt
);

//btn
$btn-font-size: 0.875rem;
$btn-hover-status-palette: (
        primary: rgba(225, 235, 245, .87) $brand-primary,
        success: rgba(225, 235, 245, .87) $brand-success,
        warning: rgba(0, 0, 0, .87) $brand-warning,
        danger: rgba(225, 235, 245, .87) $brand-danger,
        info: rgba(225, 235, 245, .87) $brand-info,
        dark: rgba(225, 235, 245, .87) $dark,
        black: rgba(225, 235, 245, .87) #16202f,
        white: rgba(0, 0, 0, .87) $white,
        light: rgba(0, 0, 0, .87) $light
);

//Form
$form-border-color: rgba(150, 176, 178, .32);

//Nav
$nav-active-status-palette: (//第一个值是color，第二个值是bg
        bg: rgba(0, 0, 0, .87) $light,
        dark: rgba(225, 235, 245, .87) $dark,
        black: rgba(225, 235, 245, .87) #16202f,
        primary: rgba(225, 235, 245, .87) #4BC0C0,
        accent: rgba(225, 235, 245, .87) #00d2ff,
        warn: rgba(225, 235, 245, .87) #b07cdd,
        success: rgba(255, 255, 255, .87) #22b66e,
        info: rgba(255, 255, 255, .87) #2196f3,
        warning: rgba(0, 0, 0, .87) #f3c111,
        danger: rgba(255, 255, 255, .87) #ef193c,
        light: rgba(0, 0, 0, .87) $light,
        white: rgba(0, 0, 0, .87) $white,
        red: rgba(255, 255, 255, .87) #f44336,
        pink: rgba(255, 255, 255, .87) #e91e63,
        purple: rgba(255, 255, 255, .87) #9c27b0,
        deep-purple: rgba(255, 255, 255, .87) #673ab7,
        indigo: rgba(255, 255, 255, .87) #3f51b5,
        blue: rgba(255, 255, 255, .87) #2196f3,
        light-blue: rgba(255, 255, 255, .87) #03a9f4,
        cyan: rgba(255, 255, 255, .87) #00bcd4,
        teal: rgba(255, 255, 255, .87) #009688,
        green: rgba(255, 255, 255, .87) #4caf50,
        light-green: rgba(255, 255, 255, .87) #8bc34a,
        lime: rgba(255, 255, 255, .87) #cddc39,
        yellow: rgba(0, 0, 0, .87) #ffeb3b,
        amber: rgba(255, 255, 255, .87) #ffc107,
        orange: rgba(255, 255, 255, .87) #ff9800,
        deep-orange: rgba(255, 255, 255, .87) #ff5722,
        brown: rgba(255, 255, 255, .87) #795548,
        blue-grey: rgba(255, 255, 255, .87) #607d8b,
        grey: rgba(255, 255, 255, .87) #354255
);
$text-color: #2B3F5B;
//Table
$table-color: $text-color;

//Width
$width-sizes: (
        xxs: 60px,
        xs: 90px,
        sm: 120px,
        null: 200px,
        md: 240px,
        lg: 280px,
        xl: 320px,
        xxl: 344px,
        full: 100%,
        auto: auto
);

//Height
$height-sizes: (
        v-5: 50vh,
        v:100vh,
        full: 100%,
        auto: auto
);

//border
$border-radius: 3px;
$border-direction-map: (
        a:null,
        t:top,
        r:right,
        b:bottom,
        l:left
);

$border-color-map: (
        primary: $brand-primary,
        success: $brand-success,
        info: $brand-info,
        warning: $brand-warning,
        danger: $brand-danger,
        light: $light,
        grey: #354255,
        dark: $dark,
        black: #16202f,
        white: $white,
        default: rgba(120, 130, 140, .13)
);

//layout
$margin-base: 1rem;
$padding-base: 1rem;

$margin-size-map: (
        xs: $margin-base * .25,
        sm: $margin-base * .5,
        md: $margin-base * 1.5,
        lg: $margin-base * 3,
);
$padding-size-map: (
        xs: $padding-base * .25,
        sm: $padding-base * .5,
        md: $padding-base * 1.5,
        lg: $padding-base * 3,
);

$layout-media-breakpoints: (
        xs: 543px,
        sm: 767px,
        md: 991px,
        lg: 1199px
);

//alert
$alert-status-map: (
        danger: (#FEEAED, #D12645, "close"),
        success: (#F1FAEC, #64B138, "check"),
        warning: (#FEFAEA, #FBB212, "check"),
        info: (#E7F9FD, #15A6CE, "info_outline")
);