@import "./config"

// =============================================================================
// 颜色
// =============================================================================
// color
$-theme-color = #4e6ef2
$-theme-color-light = #b2c1ff
$-theme-color-deep = #4260db
$-theme-color-deep-1 = #303cb9

$-color-white = #fff
$-color-balck = #000
$-color-grey-1 = #1d2024
$-color-grey-3 = #303133
$-color-grey-5 = #505255
$-color-grey-6 = #606266
$-color-grey-9 = #90939a
$-color-grey-12 = #c0c4cc
$-color-grey-13 = #dcdfe6
$-color-grey-14 = #ebeef5
$-color-grey-15 = #f5f7fa

$-color-red = #e64552
$-color-error = $-color-red
$-color-danger = $-color-red

$-color-green = #1ac99e
$-color-success = $-color-green

$-color-orange = #faa90e
$-color-warning = $-color-orange

// 字体颜色
$-primary-text-color = #1d2024
$-regular-text-color = #505255
$-secondary-text-color = #c0c4cc
$-placeholder-text-color = #c0c4cc

// =============================================================================
// 字号
// =============================================================================
$-fs-mini = 10px
$-fs-small = 12px
$-fs-base = 14px
$-fs-large = 16px
$-fs-larger = 18px
$-fs-largest = 20px
$-fs-super = 22px

$-fs-10 = $-fs-mini
$-fs-12 = $-fs-small
$-fs-14 = $-fs-base
$-fs-16 = $-fs-large
$-fs-18 = $-fs-larger
$-fs-20 = $-fs-largest
$-fs-22 = $-fs-super
$-fs-24 = 24px

// =============================================================================
// 尺寸
// =============================================================================
$-border-radius-size-mini = 2px
$-border-radius-size-small = 4px
$-border-radius-size-base = 8px

$-gap-micro = 4px
$-gap-mini = 8px
$-gap-small = 12px
$-gap-base = 16px
$-gap-large = 20px
$-gap-larger = 24px