$form-colors ?= $colors

$input-color ?= $text-strong
$input-background-color ?= $scheme-main
$input-border-color ?= $border
$input-height ?= $control-height
$input-shadow ?= inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05)
$input-placeholder-color ?= rgba($input-color, 0.3)

$input-hover-color ?= $text-strong
$input-hover-border-color ?= $border-hover

$input-focus-color ?= $text-strong
$input-focus-border-color ?= $link
$input-focus-box-shadow-size ?= 0 0 0 0.125em
$input-focus-box-shadow-color ?= rgba($link, 0.25)

$input-disabled-color ?= $text-light
$input-disabled-background-color ?= $background
$input-disabled-border-color ?= $background
$input-disabled-placeholder-color ?= rgba($input-disabled-color, 0.3)

$input-arrow ?= $link

$input-icon-color ?= $border
$input-icon-active-color ?= $text

$input-radius ?= $radius

input()
  @extend $control
  background-color $input-background-color
  border-color $input-border-color
  border-radius $input-radius
  color $input-color
  +placeholder()
    color $input-placeholder-color
  &:hover,
  &.is-hovered
    border-color $input-hover-border-color
  &:focus,
  &.is-focused,
  &:active,
  &.is-active
    border-color $input-focus-border-color
    box-shadow $input-focus-box-shadow-size $input-focus-box-shadow-color
  &[disabled],
  fieldset[disabled] &
    background-color $input-disabled-background-color
    border-color $input-disabled-border-color
    box-shadow none
    color $input-disabled-color
    +placeholder()
      color $input-disabled-placeholder-color

$input
  input()