// Variables
$media-xs: 0;
$media-sm: 0;
$media-md: 0;
$media-lg: 0;
$media-xl: 0;

$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: #e20de9;
$color-secondary-accent: #dee9fa;
$color-secondary-accent--dark: #e20de9;
$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;
$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;