$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";

$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;

$ema-background: $white;
//$ema-background: $gray-100;
$ema-background-diap: rgba(29, 29, 29, 0.97);
$ema-border-color: #c5c9cd;
$ema-border: 1px solid $ema-border-color;
$ema-border-radius: 3px 3px 3px 3px;
$ema-box-shadow: 1px 1px 10px 1px #ccc;

$ema-margin: 0.25rem;
$ema-margin-sm: 0.5rem;
$ema-margin-md: 1rem;
$ema-margin-lg: 1.5rem;
$ema-margin-xl: 2rem;
$ema-padding: $ema-margin;
$ema-padding-sm: $ema-margin-sm;
$ema-padding-md: $ema-margin-md;
$ema-padding-lg: $ema-margin-lg;
$ema-padding-xl: $ema-margin-xl;
