$namespace: o-m;
$css-namespace: --#{$namespace};
$theme-tag: body;

// border size
$border-none: 0;
$border-1: 1px;
$border-2: 2px;
$border-3: 3px;
$border-4: 4px;
$border-5: 5px;

// border style
$border-solid: solid;
$border-dashed: dashed;
$border-dotted: dotted;

// radius
$border-radius-none: 0;
$border-radius-small: 2px;
$border-radius-medium: 4px;
$border-radius-large: 8px;
$border-radius-circle: 50%;

// spacing
$spacing-none: 0;
$spacing-1: 2px;
$spacing-2: 4px;
$spacing-3: 6px;
$spacing-4: 8px;
$spacing-5: 10px;
$spacing-6: 12px;
$spacing-7: 14px;
$spacing-8: 16px;
$spacing-9: 18px;
$spacing-10: 20px;
$spacing-11: 22px;
$spacing-12: 24px;
$spacing-13: 26px;
$spacing-14: 28px;
$spacing-15: 30px;
$spacing-16: 32px;
$spacing-17: 34px;
$spacing-18: 36px;
$spacing-19: 38px;
$spacing-20: 40px;

// colors
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;
$blue: #165dff !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #d63384 !default;
$red: #dc3545 !default;
$orange: #fd7e14 !default;
$yellow: #ffc107 !default;
$green: #198754 !default;
$teal: #20c997 !default;
$cyan: #0dcaf0 !default;

// theme
$primary: $blue !default;
$secondary: $gray-600 !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-100 !default;
$dark: $gray-900 !default;

// color border
$color-border-1: #e9e9e9;