/* Quasar SCSS (& Sass) Variables */

/* GENERAL COLORS */

$primary   : #d7ac47;
$primary-bright: #ffd673;
$secondary : #f75746;
$accent    : #f5f5f5;

$white     : #fff;
$grey      : #d4d0c9;

$dark      : #1b333e;
$dark-page : #303742;

$dark-lighter: #234655;

$positive  : #35a14e;
$negative  : #c10015;
$info      : lighten(#d7ac47, 35);
$warning   : #f2c037;

/* GLOBALS - HTML ELEMENTS */
$aLinkColor: $primary-bright;

/* GLOBALS - GENERAL SELECT */
$selectTextColor_darkMode: #eedbb0;
$selectBackgroundColor_darkMode: #bb3b32;
$selectTextColor_lightMode: #eedbb0;
$selectBackgroundColor_lightMode: #aa2a21;

/* GLOBALS - GENERAL ICONS */
$iconSize: 21px;

/* QUASAR COMPONENT - Q-CARD */
$qCard-background: $dark;
$qCard-text: $white;
$qCard-border-color: $dark;
$qCard-border-size: 0;
$qCard-border-radius: 5px;
$qCard-boxShadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);

/* QUASAR COMPONENT - Q-CARD - Error page special */
$qCard-errorPage-background: #f7eeda;
$qCard-errorPage-text: $dark;
$qCard-errorPage-border-color: $dark;
$qCard-errorPage-border-size: 2px;
$qCard-errorPage-border-radius: 5px;

/* QUASAR COMPONENT - NOTIFY */
$qNotify-bgColor: $dark;
$qNotify-color: $dark;
$qNotify-icon-color: $dark;

/* COMPONENT - GLOBAL WINDOW BUTTONS */
$globalWindowButtons_height: 35px;
$globalWindowButtons_color: $accent;
$globalWindowButtons_hoverColor: $primary-bright;
$globalWindowButtons_close_hoverColor: $secondary;

/* COMPONENT - APP CONTROL MENUS */
$appControlMenus_bgColor: $dark-lighter;
$appControlMenus_color: $accent;
$appControlMenus_separatorColor: $primary-bright;
$appControlMenus_singleHover: $primary-bright;

/* COMPONENT - MARKDOWN */
$qMarkdown-color: $grey;
$qMarkdown-code-textColor: $dark;
$qMarkdown-code-blackgroundColor: $accent;
$qMarkdown-code-borderColor: $accent;