@use 'sass:map';

$fontFamily: Helvetica Neue,Helvetica,Segoe UI Symbol,Microsoft YaHei,-apple-system,BlinkMacSystemFont;

$types: primary,
success,
warning,
danger !default;
$colors: () !default;
$colors: map.deep-merge((
   // 'neutral': ('base': #343a40),
    'primary': ('base': #3d9eff),
    'success': ('base': #5ec42c,
    ),
    'warning': ('base': #e99b27,
    ),
    'danger': ('base': #e93a3a,
    )),
  $colors);
$neutral: 10 !default;

$spaceType: xxl,
xl,
l,
m,
base,
s,
xs,
none !default;
$space: () !default;
$space: map.deep-merge(('xxl': 48px,
    'xl': 40px,
    'l': 32px,
    'm': 24px,
    'base': 16px,
    's': 8px,
    'xs': 4px,
    'none': 0px),
  $space);


// Break-point
$sm: 768px !default;
$md: 992px !default;
$lg: 1200px !default;
$xl: 1920px !default;

$breakpoints: (
  'xs': '(max-width: #{$sm})',
  'sm': '(min-width: #{$sm})',
  'md': '(min-width: #{$md})',
  'lg': '(min-width: #{$lg})',
  'xl': '(min-width: #{$xl})',
) !default;

$breakpoints-spec: (
  'xs-only': '(max-width: #{$sm - 1})',
  'sm-and-up': '(min-width: #{$sm})',
  'sm-only': '(min-width: #{$sm}) and (max-width: #{$md - 1})',
  'sm-and-down': '(max-width: #{$md - 1})',
  'md-and-up': '(min-width: #{$md})',
  'md-only': '(min-width: #{$md}) and (max-width: #{$lg - 1})',
  'md-and-down': '(max-width: #{$lg - 1})',
  'lg-and-up': '(min-width: #{$lg})',
  'lg-only': '(min-width: #{$lg}) and (max-width: #{$xl - 1})',
  'lg-and-down': '(max-width: #{$xl - 1})',
  'xl-only': '(min-width: #{$xl})',
) !default;