// 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                    : #30303A;
$secondary                  : #DAE0E7;
$accent                     : #0c9a3b;
$accent2                    : #0a7d32;

$dark-shadow-color          : #000000;

$elevation-dark-umbra       : rgba($dark-shadow-color, 1);
$elevation-dark-penumbra    : rgba($dark-shadow-color, 0.75);
$elevation-dark-ambient     : rgba($dark-shadow-color, 0.53);

$dark-shadow-2              : 2px 3px  $elevation-dark-umbra, 2px 3px 6px $elevation-dark-penumbra, 2px 3px 14px $elevation-dark-ambient;
$layout-shadow-dark         : 0 0 5px 5px rgba($dark-shadow-color, 0.5);

$input-text-color           : #455A64;
$input-autofill-color       : #AAD5C4;
$field-dense-label-top      : 5px !default;
$field-dense-label-font-size : 16px !default;

$button-shadow              : 0 0 0 transparent;

$dark                       : #40404C;
$dark-page                  : #343444;

$positive                   : #21ba45;
$negative                   : #e6364b;
$info                       : #6bb9e7;
$warning                    : #e4a944;
$white                      : white;