// bootstrap
$base: #d32d41;
$primary: darken($base, 20%);
$secondary: #b3c100;
$accent: #b3c100;
$font-family-sans-serif: 'Dosis', sans-serif !default;

// fonts
$h1-size: 1.6rem;
$h2-size: 1.4rem;
$h3-size: 1.2rem;

// utils
$transparent: transparent;
$warning-fg: darken(#ffc107, 10%);
$danger-fg: #dc3545;

// login
$login-bg: #fff;
$password-visibility-toggler-icon-fg: #999;

// navbar
$navbar-bg: #1c2429;
$navbar-link-color: #fff;
$navbar-dropdown-link-color: #000;
$navbar-link-color-hover: #d32d41;
$navbar-color: #fff;
$navbar-mobile-pane-bg: #263238;

// footer
$footer-bg: #1c2429;
$footer-link-color: $accent;
$footer-link-color-hover: darken($accent, 10%);
$footer-color: #fff;
$footer-border-color: #fff;
$footer-support-fg: #1c2429;

// menu
$menu-bg: #263238;
$menu-color: #fff;
$menu-branding-color: #fff;
$gravatar-border-color: #fff;
$user-links-fg: $accent;
$menu-link-color: #ccc;
$menu-link-hover-color: #fff;
$menu-li-hover-bg: darken($menu-bg, 2%);
$menu-li-border-color: #444;
$menu-active-voice-bg: darken($primary, 10%);
$menu-active-voice-border-color: #f5f5f5;
$menu-mobile-title-bg: #37474f;
$menu-mobile-title-color: #fff;
$menu-mobile-title-border-color: rgba(255, 255, 255, .2);
$menu-mobile-back-bg: darken($menu-bg, 5%);
$menu-selected-sub-bg: lighten($menu-bg, 5%);
$menu-title-bg: darken($menu-mobile-title-bg, 5%);
$menu-voice-title-color: $base;
$menu-voice-title-bg: darken($menu-bg, 5%);
$menu-active-bg: #f5f5f5;
$menu-branding-bg: darken($menu-bg, 5%);

// search field
$search-field-input-bg: lighten($menu-bg, 10%);
$search-field-input-border-color: $menu-bg;
$search-field-color: $menu-color;
$search-field-datalist-bg: darken($menu-bg, 5%);
$search-field-icon-color: lighten(#007eed, 25%);
$search-field-link-color: #fff;
$search-field-selected-bg: lighten($menu-bg, 20%);
$search-field-selected-color: #fff;

// dashboard
$dashboard-bg: #f5f5f5;
$dashboard-title-bg: #fafafa;
$dashboard-module-bg: #fff;
$dashboard-module-border-color: #fff;
$dashboard-caption-bg: #f6f6f6;
$dashboard-caption-color: #000;
$dashboard-icon-color: #f90;
$dashboard-delete-bg: #dc3545;
$dashboard-add-bg: #28a745;
$dashboard-change-bg: #007eed;

// breadcrumbs
$breadcrumbs-bg: #f0f0f0;
$breadcrumbs-border-color: #bbb;

// content
$content-bg: #f5f5f5;

// changelist
$changelist-bg: #fff;
$changelist-border-color: #fff;
$toolbar-bg: lighten($navbar-mobile-pane-bg, 75%);
$toolbar-btn-bg: #fff;
$toolbar-btn-hover-bg: #fafafa;
$sort-icon-color: #999;
$filter-toggler-color: #fff;
$filter-toggler-bg: #17a2b8;
$filters-bg: #fafafa;
$filters-title-bg: #263238;
$filters-title-color: #fff;
$filter-selected-border-color: $base;
$filters-clear-bg: #17a2b8;
$rl-head-bg: #f0f0f0;
$rl-head-color: inherit;
$rl-tr-odd-bg: #fafafa;
$rl-tr-odd-color: inherit;
$rl-tr-selected-bg-color: #cfc4a8;
$rl-tr-selected-bg: lighten($rl-tr-selected-bg-color, 10%);
$rl-tr-selected-color: inherit;

// changeform
$changeform-bg: #fff;
$changeform-border-color: #fff;
$collapse-entry-icon-color: #666;
$state-danger-bg: #f2dede;
$field-bg: #f9f9f9;
$field-row-error-bg: $state-danger-bg;
$fieldset-title-bg: lighten($base, 35%);
$inline-related-title-bg: #fafafa;
$inline-related-title-border-color: #eee;
$inline-related-title-border-top-color: #eee;
$inline-changelink-bg: #ffe4dc;
$inline-tabular-original-bg: #fafafa;
$inline-tabular-original-border-color: #eee;
$help-text-color: #007eed;
$clockbox-title-bg: #eee;
$clockbox-title-border-color: #ddd;

// changeform spinner
$spinner-overlay-bg: rgba(255, 255, 255, .8);
$spinner-overlay-fg: #000;

// form components
$selector-item-border-color: #ccc;
$selector-available-title-bg: #fafafa;
$selector-chosen-title-bg: lighten($base, 35%);
$selector-chooser-bg: #eee;

// changehistory
$changehistory-bg: #fff;
$changehistory-border-color: #fff;

// pagination
$pag-bg: #fff;
$pag-hover-bg: #eee;
$pag-border-color: #eee;
$pag-color: #000;
$pag-selected-bg: #455a64;
$pag-selected-color: #fff;
$pag-selected-border-color: #455a64;

// delete confirmation
$delete-confirmation-bg: #fff;
$delete-confirmation-border-color: #fff;

// analytics
$chart-bg: #fff;
$chart-border-color: #fff;

// modal
$modal-back-btn-bg: #007eed;
$modal-back-btn-fg: #fff;

// admindocs
$admindocs-module-bg: #fff;
$admindocs-module-header-bg: #f6f6f6;
$admindocs-module-header-border-color: #fff;
$admindocs-simple-bg: #ddd;
$admindocs-pre-bg: #333;
$admindocs-pre-color: #fff;
$admindocs-table-border-color: #e0e0e0;
