///////////////////////////////////////////////////////////////////////////////
// SASS Forms
// 2019-02-11
//
// PostNord
///////////////////////////////////////////////////////////////////////////////


// ----------------------------------------------------------------------------
// Colors
// ----------------------------------------------------------------------------

$pn-form-border-default:               $grey-04-concrete;
$pn-form-border-hover:                 $grey-03-faded;
$pn-form-border-focus:                 $postnord-default;
$pn-form-border-valid:                 $grass-default;
$pn-form-border-error:                 $crimson-default;
$pn-form-border-disabled:              $grey-03-faded;

$pn-form-background-default:           $grey-01-white;
$pn-form-background-hover:             $grey-01-white;
$pn-form-background-focus:             $grey-01-white;
$pn-form-background-valid:             $grey-01-white;
$pn-form-background-error:             $grey-01-white;
$pn-form-background-disabled:          $grey-03-faded;


// ----------------------------------------------------------------------------
// Input
// ----------------------------------------------------------------------------

input {
    background-color: $pn-form-background-default;
    border: 1px solid $pn-form-border-default;
}

// just an example, please add real declarations