// Quasar SCSS (& Sass) Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.

// Check documentation for full list of Quasar variables

// Your own variables (that are declared here) and Quasar's own
// ones will be available out of the box in your .vue/.scss/.sass files

// It's highly recommended to change the default colors
// to match your app's branding.
// Tip: Use the "Theme Builder" on Quasar's documentation website.

$primary: #006dd2;
$secondary: #606060;
$accent: #9c27b0;

$dark: #1d1d1d;

$positive: #21ba45;
$negative: #ce3232;
$info: #31ccec;
$warning: #f2c037;

$breakpoint-sm-min: 576px;
$breakpoint-md-min: 768px;
$breakpoint-lg-min: 992px;
$breakpoint-xl-min: 1200px;

$breakpoint-xs-max: $breakpoint-sm-min - 1px;
$breakpoint-sm-max: $breakpoint-md-min - 1px;
$breakpoint-md-max: $breakpoint-lg-min - 1px;
$breakpoint-lg-max: $breakpoint-xl-min - 1px;

$breakpoint-xs: $breakpoint-xs-max;
$breakpoint-sm: $breakpoint-sm-max;
$breakpoint-md: $breakpoint-md-max;
$breakpoint-lg: $breakpoint-lg-max;

$container-xs: 540px;
$container-sm: 720px;
$container-md: 960px;
$container-lg: 1140px;
