/**
 * Reno admin theme
 *
 * TODO: change variable names to non color specific.
 *
 */

$black: #2C3E50;
$subtle-bg: #eaf0f2;
$border-color: darken($subtle-bg, 7%); 
$white: #FFF; 
$link: #db1174;
$dark-link: darken($link, 15%); 
$red: #bc283d;
$blue: #48678c;
$dark-blue: #2f4248;
$med-blue: #2d4158;
$green: #93bf0d;

// body
$body-bg: $white;

// #main
$main-bg: $body-bg;

// Text
$text-bg: $white;
$text-color: #2f4248;
$medium-text-color: #777777;
$light-text-color: lighten($medium-text-color, 10%); 
$reverse-text-color: $white;

// Masthead
$masthead-bg: $dark-blue;
$masthead-secondary-bg: #D2E4EA; 
$masthead-secondary-border: none;
$masthead-height: 48px; 

// Links
$link-color: $link;
$secondary-link-color: darken($subtle-bg, 40%);
$link-hover-color: $dark-link;
$link-hover-bg: none; 
$link-current-color: $masthead-bg;
$link-current-bg: none; 
$link-active-color: $dark-link;
$link-active-bg: none; 
$alt-link-color: $link-color;

// Headline
$headline-bg: $white; 
$headline-color: $masthead-bg;
$headline-border: 1px solid $headline-bg;
$headline-padding: 1.6em 1.5em 0 1.5em;

// Breadcrumbs
$breadcrumbs-bg: $white;
$breadcrumbs-link-color: $medium-text-color;
$breadcrumbs-link-hover-color: $link;
$breadcrumbs-border-top: '';
$breadcrumbs-border-bottom: 1px solid $border-color; 
$breadcrumbs-color: $breadcrumbs-link-color;
$breadcrumbs-title-color: $dark-blue;
$breadcrumbs-padding: 0.75em 1.5em 0.75em 1.5em;

// Sidebar navigation
$mainnav-bg-color: $subtle-bg;
$mainnav-border: 1px solid $border-color;
$mainnav-open-bg-color: darken($mainnav-bg-color, 4%);
$mainnav-link-color: $text-color;
$mainnav-sub-link-color: $text-color;
$mainnav-link-bg: darken($mainnav-bg-color, 2%); 
$mainnav-link-hover-color: '';
$mainnav-sub-link-hover-color: $mainnav-sub-link-color;
$mainnav-sub-link-hover-bg: darken($mainnav-bg-color, 9%);
$mainnav-link-hover-bg: darken($mainnav-bg-color, 9%);
$mainnav-link-current-color: $white;
$mainnav-link-current-bg: $link; 
$mainnav-icon-color: #97aab4;
$mainnav-toggle-bg: darken($masthead-bg, 3%);
$mainnav-toggle-color: $white;
$mainnav-toggle-border: 1px solid lighten($masthead-bg, 4%);
$mainnav-toggle-hover-color: $white;
$mainnav-toggle-hover-bg: darken($masthead-bg, 5%);

//quicklinks
$quicklinks-border: 1px solid $border-color;
$quicklinks-bg: $mainnav-bg-color;
$quicklinks-link-color: $mainnav-link-color;
$quicklinks-addnew-color: $link;
$quicklinks-hover-color: '';
$quicklinks-hover-bg: darken($quicklinks-bg, 4%);
$quicklinks-header-color: $text-color;
$quicklinks-icon-color: $mainnav-icon-color;
$quicklinks-icon-active: $link;
$quicklinks-icon-current-color: darken($link, 20%);
$quicklinks-icon-current-active: $white;

// Top nav items and dropdowns
$search-color: $white;
$search-bg: $masthead-bg;
$search-focus-bg: lighten($masthead-bg, 3%);
$search-dropdown-bg: $subtle-bg;
$search-dropdown-link-color: $link;
$search-dropdown-shadow: none;
$search-dropdown-link-hover-color: $link;
$search-dropdown-link-hover-bg: darken($subtle-bg, 4%);
$search-dropdown-header-color: $text-color;
$search-dropdown-border-width: 0 0 1px 1px;
$search-dropdown-border-color: $border-color;
$search-dropdown-border-style: solid;
$search-label: lighten($masthead-bg, 35%);
$search-placeholder-color: lighten($masthead-bg, 35%);

$dropdown-bg: $masthead-bg;
$dropdown-link-color: $light-text-color;
$dropdown-link-hover-color: $white;
$dropdown-link-hover-bg: 'none';
$dropdown-shadow: 0 1px 5px rgba(0,0,0,0.4);

$topnav-link-color: lighten($masthead-bg, 35%);
$topnav-link-hover-color: #fff;
$topnav-link-bg: none;
$topnav-link-bg-hover: none;
$topnav-sub-link-color: $light-text-color;
$topnav-sub-link-hover-color: $link-color;
$topnav-border: none;
$topnav-item-border: none;

$item-header-bg: #81a70b;
$item-header-hover-color: $white;
$item-header-hover-bg: #81a70b; 
$item-bg: $white;
$item-input-color: $white;
$item-header-color: $white; 
$item-border-color: $border-color; 

$action-link-font-size: 0.923076923076923em;
$action-link-bg: $breadcrumbs-bg;
$action-link-bg: '';
$action-link-color: $secondary-link-color;
$action-link-border: none; 
$action-link-hover-color: $white;
$action-link-hover-border: none;
$action-link-hover-bg: $link;
$action-link-active-color: $white; 
$action-link-active-bg: $green;

// Buttons
$button-bg: $green; 
$button-border: $green;
$button-color: $white;
$button-hover-bg: darken($button-bg, 7%);
$button-hover-color: $white;
$button-hover-border: $button-hover-bg;
$button-active-bg: $button-hover-bg;
$button-active-border: $button-hover-bg;
$button-radius: 3px;

$button-secondary-bg: #7ea0ab; 
$button-secondary-border: #7ea0ab;
$button-secondary-color: $white;
$button-secondary-hover-color: $button-hover-color;

$ui-state-default-bg: darken($green, 5%);
$ui-state-default-color: $reverse-text-color; 
$ui-state-hover-bg: darken($ui-state-default-bg, 6%);
$ui-state-hover-color: $reverse-text-color; 

// .ui-priority-secondary
$ui-priority-secondary-color: $secondary-link-color;
$ui-priority-secondary-hover: $link;

// .ui-priority-disabled
$ui-disabled-bg: #a1acb4;
$ui-disabled-color: $reverse-text-color; 

$label-link-bg: none; 
$label-link-color: $text-color;
$label-link-hover-color: darken($secondary-link-color, 10%);
$label-link-collapsed-bg: $white;
$label-link-collapsed-hover-bg: $subtle-bg; 
$label-link-collapsed-color: $secondary-link-color;

// Pages
$pagelist-link-color: #7a002b; 
$pagelist-link-hover-color: $pagelist-link-color;
$pagelist-link-open-color: $dark-link;
$pagelist-link-open-bg: #ffffdd; 
$pagelist-link-active-color: $black; 
$pagelist-link-icon-color: $mainnav-icon-color;

$pagination-font-size: 0.8em; 
$pagination-link-color: $text-color;
$pagination-link-bg: darken($subtle-bg, 10%); 
$pagination-link-current-color: $white; 
$pagination-link-current-bg: $link;
$pagination-link-hover-color: $white;
$pagination-link-hover-bg: $link;
$pagination-link-active-color: $white; 
$pagination-link-active-bg: $dark-link; 
$pagination-link-border-radius: 2px; 

// Tabs
$wiretab-link-bg: none; 
//$wiretab-link-border: 1px solid transparent; 
$wiretab-link-color: $link;
// $wiretab-link-hover-bg: $link;
$wiretab-link-hover-color: $dark-link; 
$wiretab-link-hover-border: 1px solid $link;
$wiretab-link-current-bg: #D2E4EA; 
$wiretab-link-current-bg: $subtle-bg;
$wiretab-link-current-bg: $white; 
$wiretab-link-current-color: $label-link-color; 
$wiretab-link-current-border: 1px solid #D2E4EA; 
$wiretab-link-active-bg: $dark-link;
$wiretab-link-active-color: $white; 

// Nested Fields
$nested-fields-bg: $subtle-bg;

$footer-bg: $white;
$footer-color: $breadcrumbs-link-color; 
$footer-link-color: $link;
$footer-font-size: 0.875em; 

$description-color: $medium-text-color;

$highlight-bg: #ffffdd;
$highlight-color: $text-color; 
$highlight-border: none; 

$error-bg: $red; 
$error-border: none; 
$error-color: #fff; 

$notes-bg: #ffffdd;
$notes-font-size: 0.846153846153846em;

$notices-border-top: '';
$notices-border-bottom: 1px solid $border-color;

$table-th-color: $secondary-link-color;
$table-tr-hover: $highlight-bg;
$table-th-active-color: #1490b8;

// Datepicker
$datepicker-bg: $dark-blue;
$datepicker-color: $light-text-color;
$datepicker-title-color: $white;
$datepicker-border: 1px solid lighten($datepicker-bg, 8%);

$datepicker-th-color: $white;
$datepicker-nav-arrow-color: lighten($datepicker-bg, 25%);
$datepicker-nav-arrow-hover-color: $link;
$datepicker-td-bg: none;
$datepicker-td-hover-bg: lighten($datepicker-bg, 8%);
$datepicker-td-hover-border: 1px solid lighten($datepicker-bg, 8%);
$datepicker-td-color: $light-text-color;
$datepicker-td-hover-color: $white;
$datepicker-td-border: 1px solid $datepicker-bg;
$datepicker-td-current-border: 1px solid lighten($datepicker-bg, 8%);