$white: rgb(255, 255, 255);
$primary: rgb(26, 92, 255);
$secondary: rgb(125, 51, 255);
$success: rgb(70, 201, 58);
$warning: rgb(255, 186, 0);
$info: rgb(0, 175, 240);
$error: rgb(255, 71, 87);
$dark: rgb(0, 0, 0);
$lightGray: rgb(244, 247, 248);
$gray: rgb(230, 233, 234);
$darkGray: rgb(108, 117, 125);
$darkestGray: rgb(44, 62, 80);
$body-background: $white;
$flat-color-alpha: 0.15;
$scrollbar-color: #808080;

$colors: (
  "primary": $primary,
  "secondary": $secondary,
  "success": $success,
  "info": $info,
  "warning": $warning,
  "error": $error,
  "dark": $dark,
);

$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;
$xxl: 1600px;

$breakpoints: (
  "sm": $sm,
  "md": $md,
  "lg": $lg,
  "xl": $xl,
  "xxl": $xxl,
);

$gutter-x: 24px;
$gutter-y: 0;

$sizes: (0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 100);