$default-theme: (
  colors: (
    disabled-text: #b2b2b2,
    disabled-bg: #f5f6f6,
    text: (
      primary: #4661b9,
      secondary: #f11c33,
      custom: #387e06,
    ),
    button: (
      primary: (
        default: #f11c33,
        hover: #d80d23,
        border-color: #f11c334d,
      ),
      secondary: (
        default: #4661b9,
        hover: #3652ad,
        border-color: #4661b94d,
      ),
      custom: (
        default: #387e06,
        hover: #245203,
        border-color: #387e064d,
      ),
    ),
    input: (
      default: #c6d6ec,
      hover: #a5bce0,
      focused: #4661b9,
      success: #27ae60,
      warning: #f2c94c,
      error: #eb5757,
    ),
    header: (
      primary: (
        bg: #f11c33,
        text: #fff,
      ),
      secondary: (
        bg: #4661b9,
        text: #fff,
      ),
      custom: (
        bg: #387e06,
        text: #fff,
      ),
    ),
  ),
  small: (
    input: 32px,
    textarea: 118px,
    info-icon: 12px,
    required: 10px,
    icon: 18px,
    material: 20px,
    tel-input-arrow: 10px,
    dropdown-arrow: 18px,
    button-arrow: 14px,
    flag-width: 12px,
    flag-height: 8px,
    font-size: 14px,
    otp-font-size: 18px,
    line-height: 18px,
    border-width: 1px,
    button: (
      height: 32px,
      padding: 8px 16px,
      padding-icon: 6px,
      line-height: 16px,
    ),
  ),
  medium: (
    input: 42px,
    textarea: 153px,
    info-icon: 14px,
    required: 12px,
    icon: 20px,
    material: 22px,
    tel-input-arrow: 12px,
    dropdown-arrow: 20px,
    button-arrow: 18px,
    font-size: 16px,
    otp-font-size: 22px,
    line-height: 18px,
    border-width: 1.5px,
    button: (
      height: 42px,
      padding: 12px 24px,
      padding-icon: 10px,
      line-height: 18px,
    ),
  ),
  large: (
    input: 52px,
    textarea: 177px,
    info-icon: 16px,
    required: 14px,
    icon: 24px,
    material: 24px,
    tel-input-arrow: 14px,
    dropdown-arrow: 24px,
    button-arrow: 20px,
    font-size: 18px,
    otp-font-size: 24px,
    line-height: 20px,
    border-width: 2px,
    button: (
      height: 52px,
      padding: 16px 32px,
      padding-icon: 14px,
      line-height: 20px,
    ),
  ),
  configs: (
    border-radius: 4px,
  ),
);
