// Based on DARKLY
// From https://github.com/jenil/bulmaswatch/blob/gh-pages/darkly/_variables.scss

$grey-lighter: #dbdee0;
$grey-light: #8c9b9d;
$grey: darken($grey-light, 18);
$grey-dark: darken($grey, 18);
$grey-darker: darken($grey, 23);
$background-base-color: rgb(50, 40, 40);
$primary: #ff3b3b !default;

$size-6: 15px;
$size-7: 0.85em;
$title-weight: 500;
$subtitle-weight: 400;
$subtitle-color: $grey-dark;

$body-background-color: darken($background-base-color, 3);
$body-size: 15px;

$background: $background-base-color;

$footer-background-color: $background-base-color;
$footer-padding: 1rem;

$subtitle-color: $grey-light;
$subtitle-strong-color: $grey-light;

$text: #fff;
$text-light: lighten($text, 10);
$text-strong: darken($text, 5);

$box-background-color: $background-base-color;

$link: lighten($primary, 10);
$link-hover: lighten($link, 5);
$link-focus: darken($link, 5);
$link-active: darken($link, 5);
$link-focus-border: $grey-light;

$input-placeholder-color: #ccc;

$navbar-height: 3rem;
$navbar-background-color: darken($background-base-color, 6);
$navbar-item-hover-background-color: $background-base-color;
