// Variables
$color-schemes: false; // true/false, to enable/disable light/dark colour themes. All default styling is for 'light'

$media-xs: 360px;
$media-sm: 540px;
$media-md: 768px;
$media-lg: 900px;
$media-xl: 1200px;

$active-brightness: .85;
$hover-brightness: 1.2;

$border-radius: 8px;
$box-shadow: 0 2px 8px;
$color-accent: #dae9f6;
$color-accent--dark: #0097fc;
$color-bg: #fff;
$color-bg--dark: #333;
$color-bg-secondary: #e9e9e9;
$color-bg-secondary--dark: #555;
$color-link: #118bee;
$color-link--dark: #0097fc;
$color-secondary: #508ce2;
$color-secondary--dark: #2c68bd;
$color-secondary-accent: #dee9fa;
$color-secondary-accent--dark: #496282;
$color-shadow: #f4f4f4;
$color-shadow--dark: #bbbbbb20;
$color-table: #118bee;
$color-table--dark: #0097fc;
$color-text: #000;
$color-text--dark: #f7f7f7;
$color-text-secondary: #999;
$color-text-secondary--dark: #aaa;

$color-scrollbar: #cacae8;
$color-scrollbar--dark: #EEE;

$color-card: #FFF;
$color-card--dark: #232323;
$color-banner: #EEE;
$color-banner--dark: #444;

$color-highlight: #ff8c00;
$color-highlight--dark: #a3600d;

$color-nav: #CCC;
$color-nav--dark: #CCC;

// $alert-color:
$alert-color--error: #e90d30;
$alert-color--warning: #ddde11;
$alert-color--success: #18ab34;

$font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

$justify-important: center;
$justify-normal: left;
$line-height: 1.5;
$width-card: 285px;
$width-card-medium: 460px;
$width-card-wide: 800px;
$width-content: 1080px;