/* Element Chalk Variables */

/* Colors
-------------------------- */
$--color-white: #fff !default;
$--color-333: #333 !default;
$--color-666: #666 !default;
$--color-999: #999 !default;

$--color-primary: #017BCE !default;
$--color-primary-light: #026CB4 !default;
$--color-text-primary: #017BCE !default;

$--link-color: $--color-primary-light !default;
$--link-hover-color: $--color-primary !default;

/* Checkbox
-------------------------- */
$--checkbox-font-size: 14px !default;
$--checkbox-font-weight: 500 !default;
$--checkbox-color: $--color-666 !default;
$--checkbox-input-height: 14px !default;
$--checkbox-input-width: 14px !default;
$--checkbox-border-radius: 0px !default;
$--checkbox-input-fill: $--color-white !default;
$--checkbox-input-border: 1px solid #40a2de !default;
$--checkbox-input-border-color: #40a2de !default;
$--checkbox-icon-color: $--color-white !default;
$--radio-input-height: 14px !default;
$--radio-input-width: 14px !default;

$--checkbox-bordered-height: 30px !default;
$--checkbox-bordered-small-height: 30px !default;

/* Input
-------------------------- */
$--input-height: 30px !default;
$--input-border: 1px solid #40a2de !default;
$--input-border-color: #40a2de !default;
$--input-border-radius: 0 !default;
$--input-hover-border: #40a2de !default;

/* Radio
-------------------------- */
$--radio-input-height: 14px !default;
$--radio-input-width: 14px !default;
$--radio-input-border: 1px solid #40a2de !default;

$--radio-checked-input-border-color: #40a2de !default;
$--radio-checked-icon-color: #fff !default;

/* Select
-------------------------- */
$--select-border-color-hover: #40a2de !default;

/* Tooltip
-------------------------- */
$--tooltip-fill: #000 !default;
$--tooltip-color: $--color-white !default;
$--tooltip-font-size: 12px !default;
$--tooltip-arrow-size: 6px !default;
$--tooltip-padding: 10px !default;
$--tooltip-border-color: #000 !default;
