$color-grey-50: #fafafa; // Material Grey 50
$color-grey-500: #9e9e9e; // Material Grey 500
$color-grey-600: #757575; // Material Grey 600
$color-grey-900: #212121; // Material Grey 900
$color-indigo-100: #c5cae9; // Material Indigo 100
$color-indigo-700: #303f9f; // Material Indigo 700
$color-red-500: #f44336; // Material Red 500
$color-blue-grey-50: #eceff1; // Material Blue Grey 50
$color-blue-grey-100: #cfd8dc; // Material Blue Grey 100
$color-blue-a100: #82b1ff; // Material Blue A100
$color-blue-a200: #448aff; // Material Blue A200
$color-blue-a700: #2962ff; // Material Blue A700
$color-green-a700: #00c853; // Material Green A700

$border-color: $color-indigo-100;
$border-width: 1px;
$border-style: solid;
$border-radius: 5px;

$padding: 3px;
$margin: 3px;

$font-family: Open Sans, sans-serif;
//$font-family: Roboto, Helvetica Neue, sans-serif;
$font-size: 14px;

// states:
$border-color-focus: $color-blue-a700;
$color-disabled: rgba($color-grey-900, 0.3);
$border-color-disabled: rgba($color-indigo-100, 0.3);
$background-color-disabled: rgba($color-grey-50, 0.3);

// components:
$sz-input-checkbox-size: 13px;
$sz-input-radio-outer-size: 13px;
$sz-input-radio-inner-size: 9px;

$sz-list-max-height: 200px;

$sz-selectable-item-padding: 10px;
$sz-selectable-item-font-size: $font-size + 2;