$white:  #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #868e96;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black:  #000;

/*
 * @emas/js-base default theme
 */
$ema-color: $gray-800;
$ema-primary: #007bff;
$ema-secondary: #6c757d;
$ema-success: #28a745;
$ema-info: #17a2b8;
$ema-warning: #ffc107;
$ema-danger: #dc3545;
$ema-light: #f8f9fa;
$ema-dark: #343a40;

$background: white;
$background-primary: rgba(243, 243, 243, 0.97);
$background-diap: rgba(29, 29, 29, 0.97);
$border-color: #c5c9cd;
$border-default: 1px solid $border-color;
$border-radius: 3px 3px 3px 3px;
$box-shadow: 1px 1px 10px 1px #ccc;
$margin: 15px;
$padding: 15px;
$header-height: 57px;
$icon-size: 190%;

$font-default: 'Open Sans', sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
