@use "sass:color";

// Quasar Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override.

// Check documentation for full list of Quasar variables

// 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: #27AB83;
$secondary: #334E68;
$accent: #8981C2;

$positive: #21BA45;
$negative: #BA2525;
$info: #FFFFFF;
$warning: #E9B949;

$grey-0: #F0F4F8;
$grey-1: #FAFBFD;
$grey-2: #D9E2EC;
$grey-4: #9FB3C8;
$grey-6: #627d98;
$grey-7: #486581;
$grey-8: #334e68;
$grey-10: #102a43;

$text-dark: $grey-10;
$typography-font-family: "proxima-nova";
$typography-font-family-secondary: "Lato";

$page-background: $grey-0;
$filters-background: color.scale(black, $lightness: 95%);