@import './_light-theme-var.scss';
 @import './_button.scss';
 @import './_radio.scss';
 @import './_checkbox.scss';
 @import './input';
 @import './switch';
 @import './date-picker';
 
  $light-theme: (
    layout: (
        background-color: $bg,
        color: $color
    ),
    header: (
        background-color: $bg,
        color: $color,
        box-shadow: $box-shadow
    ),
    body-container: (
        background-color: $border-color,
        color: $color
    ),
    footer: (
        background-color:$bg,
        color: $color
    ),
    sidebar-left: (
        background-color:$bg,
        box-shadow: $box-shadow
    ),
    menu: (
        li-color: black,
        li-border-bottom:solid $border-color,
        li-hover-color: $primary,
        li-hover-focus: $primary,
        li-active: $primary,
        icon-margin: black
    ),
    button: $button,
    user: (
        border: $primary
    ),
    action: (
        color: black,
        border: 2px solid $border-color
    ),
    context-menu: (
        bg:#fff,
        color: #222b45,
        border:  1px solid $border-color,
        box-shadow: 0 0.5rem 1rem 0 rgba(44,51,73,.1),
        border-bottom: 1px solid $border-color,
        color-hover: $primary
    ),
    time-picker: (
        bg:#fff,
        color: #222b45,
        border:  1px solid $border-color,
        box-shadow: none,
        border-bottom: 1px solid transparent,
        color-hover: $primary
    ),
    card: (
        border: 1px solid rgba(0,0,0,.125),
        bg:#fff,
        border-top: 1px solid $border-color,
        border-bottom: 1px solid $border-color,
        color: #222b45,
        accent-basic: $basic,
        accent-primary: $primary,
        accent-danger: $danger
    ),
    radio: $radio,
    checkbox: $checkbox,
    input: $input,
    tooltip: (
        bg-primary: $primary,
        bg-danger: $danger,
        bg-basic: $basic,
        font-size: 14px,
        font-family: inherit, 
        font-weight: inherit
    ),
    switch: $switch,
    date-picker: $date-picker,
    spinner: (
        stroke-primary: $focus-primary,
        stroke-danger: $focus-danger,
        stroke-basic: $focus-basic
    ),
    tabset: (
        //border-bottom: 1px solid #edf1f7,
        li-color: #222b45,
        tab-link-color: #8f9bb3,
        active-before-boreder-top: 4px solid $primary,
        hover-before: 4px solid #598bff,
        tab-link-hover-color: #598bff,
        icon-not-active-hover-color: #598bff,
        icon-active-hover-color: #598bff,
        tab-link-active-color: $primary,
        not-active: #8f9bb3,
        icon-active: $primary,
        icon-not-active: #8f9bb3
    ),
    stepper:(
        step-trigger: #8f9bb3,
        circle-active-color: $primary,
        circle-active-border-color: $primary,
        line-bg: #dbdfe7,
        circle-color: #8f9bb3,
        circle-border: 1px solid #8f9bb3,
        step-completed-bg: $primary,
        step-completed-color: white,
        step-completed-border-color: $primary,
        navigate-bg: $primary
    ),
    badge:(
        bg-primary: $focus-primary,
        bg-danger:$focus-danger,
        bg-basic: $focus-basic
    ),
    table:(
        header-row-border: 2.5px solid #e4e9f2,
        header-row-bg: white,
        header-row-color: $color,
        header-row-color-hover: $primary,
        bordered-body-column-border-top: 1px solid #e4e9f2,
        full-bordered-header-border: 1px solid #e4e9f2,
        body-row-stripped-bg: #f5f7fa,
        sort-icon-color: #bababa,
        header-sticky-color: #e4e9f2
    ),
    pagination: (
        button-color: $primary,
        button-bg: #fff,
        button-border: 1px solid #e4e9f2,
        button-active-bg: $primary,
        button-active-color: white
    ),
    affix: (
        ul-padding-left: 3.25rem ,
        ul-font-size: 0.9375rem,
        li-margin-bottom: 0.9375rem,
        anchor-color: black,
        li-active-weight: 500,
        li-active-color: $primary,
        li-active-after-background: black,
        li-active-after-radius:1.5px
    )
  );