// 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 : #009688;// #1976D2;
$secondary : #26A69A;
$accent : #9C27B0;

$square-space : #121212;
$dark-page : #222224;

$positive : #21BA45;
$negative : #C10015;
$info : #31CCEC;
$warning : #F2C037;

$grey-light: #A3B1C2;
$grey-light-1: #F5F5F8; //  
$grey-light-2: #EBEBEE;
$grey-light-3: #D9D9DC;
$grey-7: #8f8f8f;
$grey-8: #49494C;

$dark-1: #000000de;

$white : #FFF;
$silver: #BBBBBB;
$eclipse: #363636;
$black-light: #ffffff0d;
$black-gradient: #000000DE;
$white-smoke: #F5F5F5;
$grey: #808080;;

$blue-14: #0093c1;
$red-14: #f44336;
$amber-14: #dd8c5f;