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

// $dark      : #1D1D1D;
// $dark-page : #121212;

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

$primary: teal !default;
$secondary: grey !default;
$accent: orange !default;

$h1: (
  size: 3rem,
  line-height: 3rem,
  letter-spacing: -0.01562em,
  weight: 300,
) !default;

$h2: (
  size: 2.75rem,
  line-height: 3rem,
  letter-spacing: -0.00833em,
  weight: 300,
) !default;

$h3: (
  size: 2rem,
  line-height: 2rem,
  letter-spacing: normal,
  weight: 400,
) !default;
