@forward "element-plus/theme-chalk/src/common/var.scss" with (
  $colors: (
    "primary": (
      "base": #029ef7,
    ),
    "success": (
      "base": #50cd89,
    ),
    "warning": (
      "base": #ffc700,
    ),
    "danger": (
      "base": #f56c6c,
    ),
    "error": (
      "base": #f1416c,
    ),
    "info": (
      "base": #909399,
    ),
  ),
  $text-color: (
    "base": #181c32,
    "primary": #5e6278,
    "success": #50cd89,
    "warning": #ffc700,
    "danger": #f56c6c,
    "error": #f1416c,
    "info": #909399,
  ),
  $common-component-size:(
    "default": 40px
  ),
  $input:(
    "border-color": transparent,
    "hover-border-color": #029ef7,
  ),
  $card: (
    "border-color":#f0f3f5
  ),
  $select:(
    "border-color-hover": #029ef7,
    "border-color": transparent
  ),
  $dialog:(
    "padding-primary": 16px 24px,
    "border-radius": 12px,
  ),
  $radio:(
    "input-height": 16px,
    "input-width": 16px,
    "input-bg-color": #EAEEF2,
    "input-border": none,
  ),
  $checkbox:(
    "bg-color":#EAEEF2
  ),
  $table:(
    "border-color": #f5f8fa,
    "header-bg-color": #FAFBFC,
    "row-hover-bg-color": var(--ik-color-bg-form),
    "current-row-bg-color": var(--ik-color-bg-form),
  ),
  $pagination: (
    "font-size": 14px,
    "bg-color": var(--ik-color-bg-page-content),
    "text-color": var(--ik-color-font-normal),
    "border-radius": 6px,
    "button-color": var(--ik-color-font-normal),
    "button-width": 28px,
    "button-height": 28px,
    "hover-color": var(--ik-color-primary),
  ),
  $avatar:(
    // "bg-color": var(--ik-color-primary)
  )
);
@forward "element-plus/theme-chalk/src/switch.scss" with (
  $switch-core-height:(
    "large": 32px,
    "default": 26px,
    "small": 22px,
  ),
  $switch-core-border-radius:(
    "large": 12px,
    "default": 14px,
    "small": 8px,
  ),
  $switch-button-size:(
    "large": 22px,
    "default": 18px,
    "small": 14px,
  )
);
@use "element-plus/theme-chalk/src/index.scss" as *;
@use "./dark.scss";