/* In Ariba Theme, all the state colors are targeted for Form Fields - Input, Checkbox, RadioButton, Dropdowns. */
/* There are other controls, button and toggle, that doesn't fit into the theme state variable colors, these we created other variables.  */

$fontFamily: ArialMT, Arial, sans-serif;
$fontSize: 1em;
$borderRadius: 3px;
$disabledOpacity: 0.35;

//Header
$headerBorderWidth: 1px;
$headerBorderColor: #ffffff;
$headerBgColor: #ffffff;
$headerTextColor: #363636;
$headerFontWeight: bold;
$headerIconTextColor: #363636;

//Content
$contentBorderWidth: 1px;
$contentBorderColor: #d7d7d7;
$contentBgColor: #ffffff;
$contentTextColor: #000000;

//Default State
$stateDefaultBorderWidth: 1px;
$stateDefaultBorderColor: #d7d7d7;
$stateDefaultBgColor: #ffffff;
$stateDefaultTextColor: #363636;

//Active State
$stateActiveBorderColor: #065d9c;
$stateActiveBgColor: #ffffff;
$stateActiveTextColor: #199DE0;

//Highlight State
$stateHighlightBorderColor: #065d9c;
$stateHighlightBgColor: #f2f2f2;
$stateHighlightTextColor: #363636;
$stateHighlightFontWeight: bold;

//Focus State
$stateFocusBorderColor: #199de0;
$stateFocusBgColor: #ffffff;
$stateFocusTextColor: #199de0;

//Error State
$stateErrorBorderColor: #cd0a0a;
$stateErrorBgColor: #cd0a0a;
$stateErrorTextColor: #ffffff;

//Hover State
$stateHoverBorderColor: #199de0;
$stateHoverBgColor: #f2f2f2;
$stateHoverTextColor: #363636;

//Forms fields
$inputBgColor: #ffffff;
$inputTextColor: #363636;
$inputPlaceHolderColor: #767676;
$inputLabelColor: #636363;
$inputBorderColor: #d7d7d7;
$inputIconColor: #696969;
$invalidInputBorderColor: #cd0a0a;

//Form layout
$formRowHighlightBgColor: #f7f8fa;

// Primary button
$primaryBorderColor: #0076cb;
$primaryBgColor: #0076cb;
$primaryTextColor: #ffffff;
$primaryStateHoverBgColor: #065d9c;

// Secondary button
$secondaryBorderColor: #0076cb;
$secondaryBgColor: #ffffff;
$secondaryTextColor: #0076cb;
$secondaryStateHoverBgColor: #F7F8FA;
$secondaryStateHoverTextColor: #0076cb;


$successBorderColor: #34A835;
$successBgColor: #34A835;
$successTextColor: #ffffff;
$successStateHoverBgColor: #107D11;

// Disabled State
$disabledBorderColor: #d7d7d7;
$disabledTextColor: #969696;
$disabledBgColor: #ffffff;

// Buttons