@use "./base";

// ===== checkbox / radio =====
$checkbox-size-list: (sm, md, lg) !default;
$checkbox-mark-size: (
  sm: 14px,
  md: 16px,
  lg: 18px
) !default;
$checkbox-mark-bgc: base.color-gray(1) !default;
$checkbox-mark-bgc-active: base.color-gray(4) !default;
$checkbox-mark-bgc-disabled: base.color-gray(2) !default;
$checkbox-mark-border-color: base.$form-control-border-color !default;
$checkbox-mark-border-color-hover: base.$form-control-border-color-hover !default;
$checkbox-mark-border-color-active: base.color-brand(7) !default;
$checkbox-mark-border-color-disabled: base.$form-control-border-color-disabled !default;

$checkbox-mark-checked-bgc: base.color-brand() !default;
$checkbox-mark-checked-bgc-hover: base.color-brand(5) !default;
$checkbox-mark-checked-bgc-active: base.color-brand(7) !default;
$checkbox-mark-checked-bgc-disabled: base.color-brand(2) !default;
$checkbox-mark-checked-border-color: $checkbox-mark-checked-bgc !default;
$checkbox-mark-checked-border-color-hover: $checkbox-mark-checked-bgc-hover !default;
$checkbox-mark-checked-border-color-active: $checkbox-mark-checked-bgc-active !default;
$checkbox-mark-checked-border-color-disabled: $checkbox-mark-checked-bgc-disabled !default;

$checkbox-mark-transition-duration: .2s !default;

$checkbox-label-distance: base.padding(2) !default;
$checkbox-sibling-distance-horizontal: base.padding(4) !default;
$checkbox-margin-bottom: base.padding(4) !default;

$checkbox-intensive-padding-horizontal-size: (
  sm: base.padding(3),
  md: base.padding(4),
  lg: base.padding(4),
) !default;
$checkbox-intensive-check-mark-size: 12px !default;
$checkbox-intensive-border-radius: base.$border-radius-medium !default;

$checkbox-intensive-color-hover: base.color-brand() !default;
$checkbox-intensive-color-active: $checkbox-intensive-color-hover !default;
$checkbox-intensive-color-disabled: base.color-gray(6) !default;
$checkbox-intensive-bgc: base.color-gray(1) !default;
$checkbox-intensive-bgc-hover: $checkbox-intensive-bgc !default;
$checkbox-intensive-bgc-disabled: base.color-gray(2) !default;
$checkbox-intensive-border-hover: base.color-brand() !default;
$checkbox-intensive-border-active: $checkbox-intensive-border-hover !default;
$checkbox-intensive-border-disabled: base.color-gray(4) !default;

$checkbox-intensive-checked-color: base.color-brand() !default;
$checkbox-intensive-checked-color-hover: base.color-brand(5) !default;
$checkbox-intensive-checked-color-active: $checkbox-intensive-checked-color !default;
$checkbox-intensive-checked-color-disabled: base.color-brand(3) !default;
$checkbox-intensive-checked-border: base.color-brand() !default;
$checkbox-intensive-checked-border-disabled: base.color-brand(2) !default;
$checkbox-intensive-checked-bgc: $checkbox-intensive-bgc !default;
$checkbox-intensive-checked-bgc-hover: base.color-brand(1) !default;
$checkbox-intensive-checked-bgc-active: base.color-brand(2) !default;
$checkbox-intensive-checked-bgc-disabled: base.color-brand(1) !default;
$checkbox-intensive-checked-divider-color: base.color-brand(3) !default;

$checkbox-important-checked-color: base.$color-text-reverse !default;
//$checkbox-important-checked-color-hover: $checkbox-important-checked-color !default;
//$checkbox-important-checked-color-active: $checkbox-important-checked-color !default;
//$checkbox-important-checked-color-disabled: $checkbox-important-checked-color !default;
$checkbox-important-checked-bgc: base.color-brand() !default;
$checkbox-important-checked-bgc-hover: base.color-brand(5) !default;
$checkbox-important-checked-bgc-active: base.color-brand(7) !default;
$checkbox-important-checked-bgc-disabled: base.color-brand(2) !default;
$checkbox-important-checked-border: $checkbox-important-checked-bgc !default;
$checkbox-important-checked-border-hover: $checkbox-important-checked-bgc-hover !default;
$checkbox-important-checked-border-active: $checkbox-important-checked-bgc-active !default;
$checkbox-important-checked-border-disabled: $checkbox-important-checked-bgc-disabled !default;

$checkbox-important-checked-divider-color: base.color-brand(3) !default;