// The variables you want to modify
// $font-size-root: 20px;
$text-color: #222;
$main-color: #ff5e00;
$color-black: #000;
$color-black-029: #00000029;
$color-black-026: #00000026;
$color-black-01a: #0000001a;
$color-black-f2f: #2f2f2f;
$color-gray-999: #999;
$color-gray-ddd: #ddd;
$color-gray-070: #707070;
$color-gray-fef: #efefef;
$color-gray-afa: #fafafa;
$color-white: #fff;
$color-gray-eee: #eee;
$color-white-fb3: #ffffffb3;
$color-orange-01a: #ff5e001a;
$color-orange-e1c: #fd5e1c;
$color-orange-722: #f18722;
$color-orange-e16: #ff5e16;
$color-orange-b06: #EB5B06;
$color-orange-e00: #FF5E00;
$color-yellow-b2b: #e8bb2b;
$color-teal-6b4: #3b96b4;
$color-teal-51a: #3b96b51a;
$color-pink-9f5: #fff9f5;
$color-blue-cd6: #378cd6;
$color-blue-6b4: #3b96b4;
$color-blue-a86: #146A86;
$color-pea-402: #8cb402;
$color-olive-40a: #95640a;
$color-khaki-95d: #d6b95d;
$color-brown-f05: #4b1f05;
$color-yellow-00c: #5C400C;
$default-radius: 8px;
$color-blue-base: #3B96B4;
$color-disabled: #999;
$sidebar-with: 280px;
$label-width: 200px;
$breakpoint-up: (
  'xs': 'screen and (max-width: 575px)',
  'sm': 'screen and (min-width: 576px)',
  'md': 'screen and (min-width: 768px)',
  'lg': 'screen and (min-width: 992px)',
  'xl': 'screen and (min-width: 1200px)',
  'xxl': 'screen and (min-width: 1441px)',
) !default;

// max-width
$breakpoint-down: ('xs': 'screen and (max-width: 329px)',
'sm': 'screen and (max-width: 479px)',
'md': 'screen and (max-width: 767px)',
'lg': 'screen and (max-width: 1200px)',
) !default;