// Base colors
$color-white: #fff;
$color-black: #222;
$color-shadows: #b8bbb3;
$color-darkgrey: #4f5964;
$color-lightgrey: #f5f5f5;

// Required brand colors
$color-main: #3962c9;
$color-dark: darken($color-main, 40%);
$color-shade: #03061b;

// Official brand colors
$color-bright: #81a9ff;

// Element text and background colors
$color-links: $color-main;
$color-hover: $color-dark;
$color-paragraphs: $color-darkgrey;
$color-headings: $color-main;
$color-blockquotes: #666;
$color-blog-tags: #061629;
$color-tags-and-search-items: #eaf1f8;
$color-tag-borders: rgba($color-blog-tags, .1);
$color-cat-borders: rgba($color-blog-tags, .2);
$color-code-blocks: #c7254e;
$color-code-blocks-background: #f9f2f4;
$color-border-forms: #d9d9d9;
$color-code-background: #2b303c;
$color-comments-link: #555;
$color-edit-link: #999;
$color-background-edit-link: #fafafa;
$color-default-background: $color-dark;
$color-success: lighten(#2d6426, 40%);
$color-warning: lighten(#8e440b, 40%);
$color-error: lighten(#903a37, 40%);
$color-disabled: #bbb;
$color-captions: rgba(#4b4b5a, .9);
$color-buttons: $color-black;
$color-buttons-hover: $color-main;

// Nav specific
$color-separator-nav-mobile-light: #f0f0f0;
$color-separator-nav-mobile-dark: rgba(#f0f0f0, .1);
$color-separator-nav-mobile: $color-separator-nav-mobile-light;
$color-background-nav-desktop-light: $color-white;
$color-background-nav-desktop-dark: $color-dark;
$color-background-nav-desktop: $color-background-nav-desktop-light;
$color-background-nav-mobile: $color-background-nav-desktop;
$color-nav-links-dark: $color-black;
$color-nav-links-light: $color-white;
$color-nav-links: $color-nav-links-dark;