$prefix: '.wpmudui';

// ====================================
// Global styles

// Font basics
$font:           'Roboto', sans-serif;
$font-normal:    400;
$font-medium:    500;
$letter-spacing: -0.025em;

// Google Fonts
$google-fonts:      true;
$google-fonts--url: 'https://fonts.googleapis.com/css?family=Roboto:400,500';

// Icons Font
$font-icon--path: '~@wpmudev/shared-ui/dist/fonts/';
$font-icon--version: '2.0.10';

// Breakpoints
$breakpoints: (
	sm: 782px,
	md: 960px,
	lg: 1280px
);

// Other basics
$border-radius: 3px;
$transition:    0.2s ease;

// ====================================
// WordPress Dashboard Analytics Widget
$widget-prefix:  'analytics';
$widget-gutter:  12px;
$widget-spacing: 10px;

// Tooltips
$widget-tooltip--border-radius: 4px;
$widget-tooltip--background:    #333333;
$widget-tooltip--color:         #FFFFFF;
$widget-tooltip--font-size:     12px;
$widget-tooltip--line-height:   18px;

// Label
$widget-label--color:       #72777C;
$widget-label--font-size:   14px;
$widget-label--line-height: 20px;

// Input
$widget-input--border-width: 1px;
$widget-input--border-style: solid;
$widget-input--border-color: #DDDDDD;
$widget-input--background:   #FFFFFF;
$widget-input--color:        #32373C;
$widget-input--font-size:    13px;
$widget-input--line-height:  15px;

$widget-input--active-border-color: #5B9DD9;

// Select
$widget-select--width:        109px;
$widget-select--height:       30px;
$widget-select--border-width: 1px;
$widget-select--border-style: solid;
$widget-select--border-color: #DDDDDD;
$widget-select--background:   #FFFFFF;
$widget-select--font-size:    13px;
$widget-select--line-height:  15px;

$widget-select--hover-border-color: #5B9DD9;

// Button
$widget-button--width:              98px;
$widget-button--height:             30px;
$widget-button--border-width:       1px;
$widget-button--border-style:       solid;
$widget-button--border-color:       #CCCCCC;
$widget-button--background:         #F7F7F7;
$widget-button--box-shadow:         0 1px 0 0 #CCCCCC;
$widget-button--color:              #555555;
$widget-button--font-size:          13px;
$widget-button--line-height:        28px;
$widget-button--icon-width:         30px;
$widget-button--icon-size:          12px;
$widget-button--hover-border-color: #999999;
$widget-button--active-background:  #EEEEEE;

// Tabs
$widget-tabs--border-width:   1px;
$widget-tabs--border-style:   solid;
$widget-tabs--border-color:   transparent;
$widget-tabs--color:          #0073AA;
$widget-tabs--font-size:      14px;
$widget-tabs--line-height:    20px;
$widget-tabs--font-weight:    400;

$widget-tabs--current-border-color: #23282D;
$widget-tabs--current-color:        #23282D;

// Search form
$widget-form--background: #F2F2F2;

// Chart option
$widget-chop--border-width: 4px;
$widget-chop--border-style: solid;
$widget-chop--border-color: transparent;
$widget-chop--background:   transparent;
$widget-chop--color:        #23282D;
$widget-chop--color-up:     #1ABC9C;
$widget-chop--color-down:   #FF6D6D;

$widget-chop--current-border-color: rgba(0,133,186,0.98);

$widget-chop--title-font-size:   14px;
$widget-chop--title-line-height: 20px;

$widget-chop--value-color:       #72777C;
$widget-chop--value-font-size:   18px;
$widget-chop--value-line-height: 22px;

$widget-chop--trend-font-size:   11px;
$widget-chop--trend-line-height: 11px;

// Table
$widget-table--thead-background:  #F2F2F2;
$widget-table--thead-color:       #23282D;
$widget-table--thead-font-size:   14px;
$widget-table--thead-line-height: 20px;

$widget-table--tbody-color:       #72777C;
$widget-table--tbody-font-size:   14px;
$widget-table--tbody-line-height: 20px;
$widget-table--tbody-icon-size:   14px;
$widget-table--tbody-trend-icon:  11px;
$widget-table--tbody-trend-up:    #1ABC9C;
$widget-table--tbody-trend-down:  #FF6D6D;

$widget-table--tbody-hover-background: #FAFAFA;
$widget-table--tbody-hover-color:      #0073AA;

// Autocomplete
$widget-autocomplete--border-width: 1px;
$widget-autocomplete--border-style: solid;
$widget-autocomplete--border-color: #DDDDDD;
$widget-autocomplete--background:   #FFFFFF;

$widget-autocomplete--item-color:       #32373C;
$widget-autocomplete--item-font-size:   13px;
$widget-autocomplete--item-line-height: 22px;

$widget-autocomplete--focus-background: #5897FB;
$widget-autocomplete--focus-color:      #FFFFFF;

// Pagination
$widget-pagination--border-width: 1px;
$widget-pagination--border-style: solid;
$widget-pagination--border-color: #EEEEEE;