/// Настройки размеров форм
/// @group Forms
$form-sizes: (
  56: (
    typography-size-group-title: 32,
    typography-size-text: 20,
    control-height: $size-7,
    control-spacer-top: $spacer-1 + 2,
    control-spacer-right: $spacer-2,
    control-spacer-bottom: $spacer-1 + 2,
    control-spacer-left: $spacer-2
  ),
  48: (
    typography-size-group-title: 28,
    typography-size-text: 18,
    control-height: $size-6,
    control-spacer-top: $spacer-1,
    control-spacer-right: $spacer-1 + 1,
    control-spacer-bottom: $spacer-1,
    control-spacer-left: $spacer-1 + 1
  ),
  40: (
    typography-size-group-title: 28,
    typography-size-text: 16,
    control-height: $size-5,
    control-spacer-top: $spacer-1,
    control-spacer-right: $spacer-1,
    control-spacer-bottom: $spacer-1,
    control-spacer-left: $spacer-1
  )
) !default;

/// Классы для оберток форм по умолчанию
/// @group Forms
$form-layout-classes: (
  group: ".form-group",
  group-title: ".form-group-title",
  group-comment: ".form-group-comment",
  row: ".form-row",
  label-wrap: ".form-label-wrap",
  input-wrap: ".form-input-wrap",
  control-wrap: ".form-control-wrap"
) !default;


// Обертки
$form-row-grid-columns: 8 !default;

$form-label-wrap-columns: 3 !default;
$form-label-wrap-max-width: 280px !default;

$form-input-wrap-columns: 5 !default;

// Контролы
$form-input-phone-max-width: 13.1em;
$form-input-inn-max-width: 8.9em;
$form-input-kpp-max-width: 7.1em;
$form-input-calendar-max-width: 7.8em;

$form-control-color: #000000;
$form-control-color-placeholder: #7f7f7f;
$form-control-color-disabled: rgba(0, 0, 0, .32);
$form-control-color-error: #f03b36;
$form-control-border-color: rgba(0, 0, 0, .08);
$form-control-border-color-hover: rgba(0, 0, 0, .16);
$form-control-border-color-active: #cccccc;
$form-control-border-color-disabled: rgba(0, 0, 0, .04);
$form-control-border-color-focus: #015CCB;
$form-control-border-color-error: #f03b36;
$form-control-background: #ffffff;
$form-control-background-hover: #f2f2f2;
$form-control-background-active: #e5e5e5;
$form-control-background-disabled:  rgba(0, 0, 0, .04);

$form-checkbox-color: #333333;
$form-checkbox-color-disabled: #b5b5b5;
$form-checkbox-border-color: rgba(0, 0, 0, .08);
$form-checkbox-border-color-hover: rgba(0, 0, 0, .16);
$form-checkbox-border-color-active: #cccccc;
$form-checkbox-border-color-disabled: rgba(0, 0, 0, .24);
$form-checkbox-border-color-focus: #015CCB;
$form-checkbox-border-color-error: #f03b36;
$form-checkbox-background: #ffffff;
$form-checkbox-background-disabled: #f5f5f5;

$form-radio-color: #333333;
$form-radio-color-disabled: #b5b5b5;
$form-radio-border-color: rgba(0, 0, 0, .08);
$form-radio-border-color-hover: rgba(0, 0, 0, .16);
$form-radio-border-color-active: #cccccc;
$form-radio-border-color-disabled: rgba(0, 0, 0, .24);
$form-radio-border-color-focus: #015CCB;
$form-radio-border-color-error: #f03b36;
$form-radio-background: #ffffff;
$form-radio-background-disabled: #f5f5f5;

$form-label-color: #000000;
$form-label-required-color: #f03b36;

$form-comment-color: #828282;
$form-comment-color-error: #f03b36;