//-- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2013 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
//
// See doc/COPYRIGHT.rdoc for more details.
//++

$gray:                    #EAEAEA
$gray-dark:               #878787
$gray-light:              #F8F8F8
$gray-lighter:            #E9E9E9

$light-gray: #ccc

$body-background:         white !default
$body-font-family:        'Lato', 'Lucida Grande', Helvetica, Arial, sans-serif !default
$body-font-color:         #333 !default
$base-line-height:        1.5 !default

$primary-color:           #3493B3 !default
$primary-color-dark:      #06799F !default
$secondary-color:         #bfbfbf !default
$alternative-color:       #35c53f !default

// these colors should ensure a satisfying contrast for text on the given BG color
$font-color-on-primary:      white !default
$font-color-on-primary-dark: white !default
$font-color-on-secondary:    white !default
$font-color-on-alternative:  white !default

$h1-font-size:            2rem              !default
$h1-font-color:           $body-font-color  !default
$h2-font-size:            1.5rem            !default
$h2-font-color:           $body-font-color  !default
$h3-font-size:            1.125rem          !default
$h3-font-color:           $body-font-color  !default
$h4-font-size:            $h3-font-size * 0.75 !default
$h4-font-color:           $body-font-color  !default

$header-height:                                 55px !default
$header-bg-color:                               $primary-color !default
$header-border-bottom-color:                    $primary-color !default
$header-border-bottom-width:                    0 !default
$header-item-font-size:                         14px !default
$header-item-font-color:                        $font-color-on-primary !default
$header-item-font-hover-color:                  $font-color-on-primary-dark !default
$header-item-bg-hover-color:                    $primary-color-dark !default
$header-drop-down-bg-color:                     #FFFFFF !default
$header-drop-down-border-color:                 #E0E0E0 !default
$header-drop-down-item-font-color:              $body-font-color !default
$header-drop-down-item-font-hover-color:        #FFFFFF !default

$header-logo-bg-color:                          $primary-color-dark !default
$header-home-link-bg:                           image-url('logo_openproject_white_big.png') no-repeat 20px 0 !default

$header-drop-down-projects-search-font-color:     $body-font-color !default
$header-drop-down-projects-search-bg-color:       #E0E0E0 !default
$header-drop-down-projects-search-input-bg-color: #FFFFFF !default

$header-search-field-bg-color:                  #FFFFFF !default
$header-search-field-font-color:                #000000 !default
$header-search-field-border:                    0 !default

$footer-bg-color:                               $primary-color !default
$footer-font-color:                             $font-color-on-primary !default
$footer-height:                                 55px !default
$footer-content-height:                         55px !default
$footer-content-line-height:                    55px !default
$footer-content-link-color:                     $font-color-on-primary !default

$main-menu-width:                               230px !default
$main-menu-folded-width:                        50px !default
$main-menu-border-color:                        #E7E7E7 !default
$main-menu-border-width:                        1px !default
$main-menu-item-height:                         40px !default
$main-menu-item-border-color:                   #EAEAEA !default
$main-menu-item-border-width:                   1px !default
$main-menu-enable-toggle-highlighting:          false !default

$main-menu-bg-color:                            #F8F8F8 !default
$main-menu-bg-hover-selected-background:        url() no-repeat $primary-color-dark !default
$main-menu-font-color:                          #333333 !default
$main-menu-selected-font-color:                 $font-color-on-primary !default
$main-menu-font-size:                           15px !default
$main-menu-selected-hover-indicator-color:      $primary-color-dark !default
$main-menu-selected-hover-indicator-width:      4px !default

$main-menu-navigation-toggler-font-hover-color: #FFFFFF !default

$main-menu-child-item-height:                   38px !default
$main-menu-child-menu-bg-color:                 #FFFFFF !default
$main-menu-child-bg-hover-selected-color:       $primary-color-dark !default
$main-menu-child-menu-border-color:             #E7E7E7 !default
$main-menu-child-font-color:                    #04232F !default
$main-menu-child-font-size:                     13px !default
$main-menu-child-selected-font-color:           #FFFFFF !default

$main-menu-sidebar-font-color:                  #333333 !default
$main-menu-sidebar-h3-color:                    #333333 !default
$main-menu-sidebar-link-color:                  #333333 !default
$main-menu-sidebar-h3-border-top-color:         #1F4654 !default
$main-menu-sidebar-h3-font-size:                15px !default

$toolbar-title-color:                           #5F5F5F
$toolbar-item--bg-color:                        #F8F8F8
$toolbar-item--bg-color-pressed:                $gray-lighter
$toolbar-item--border-color:                    #DDD

$breadcrumb-height:                             40px !default
$breadcrumb-bg-color:                           #F8F8F8 !default
$breadcrumb-border-color:                       #E7E7E7 !default
$breadcrumb-font-size:                          12px !default
$breadcrumb-highlighted-font-size:              14px !default
$breadcrumb-font-color:                         $body-font-color !default

$content-default-border-color:                  #EAEAEA !default
$content-default-border-width:                  1px !default

$content-link-color:                            $primary-color-dark !default
$content-link-hover-active-color:               $primary-color-dark !default
$content-icon-link-color:                       #4b4b4b !default
$content-icon-link-hover-color:                 $primary-color-dark !default

$content-icon-color:                            $primary-color-dark !default

$content-form-bg-color:                         #F8F8F8 !default
$content-form-border:                           1px solid $content-default-border-color !default

$content-from-input-width:                      300px !default
$content-form-input-border:                     1px solid #CACACA !default
$content-form-input-hover-border:               1px solid #888888 !default

$content-form-separator-color:                  #DDDDDD !default

$content-form-danger-zone-bg-color:             #CA3F3F !default
$content-form-danger-zone-font-color:           white !default

$content-flash-msg-font-color:                  #111111 !default
$content-flash-error-msg-bg-color:              #FF8B8B !default
$content-flash-notice-msg-bg-color:             #C4EA96 !default
$content-flash-warning-msg-bg-color:            #EBD785 !default
$content-flash-height:                          25px !default
$content-flash-icon-close-handler-font-size:    12px !default

$content-calendar-border-width:                 1px !default
$content-calendar-border-color:                 #D7D7D7 !default
$content-calendar-head-cell-bg-color:           #EEEEEE !default
$content-calendar-cell-border-width:            1px !default
$content-calendar-cell-border-color:            #D7D7D7 !default
$content-calendar-cell-today-bg-color:          #FFFFDD !default
$content-calendar-inactive-day-font-color:      #FFFFFF !default
$content-calendar-inactive-day-bg-color:        #4B4B4B !default

$context-menu-font-color:                       $main-menu-font-color !default

$content-box-border:                            1px solid $content-default-border-color !default
$content-box-bg-color:                          #FFFFFF !default
$my-page-edit-box-border-color:                 $primary-color-dark !default

$drop-down-unselected-font-color:               $main-menu-font-color !default
$drop-down-selected-font-color:                 $font-color-on-primary !default
$drop-down-selected-bg-color:                   $primary-color !default

$action-menu-bg-color:                          #FFFFFF

$wiki-default-font-size:                        1rem
$wiki-toc-header-font-size:                     10px !default
$wiki-toc-ul-font-size:                         0.8em !default

$journal-attribute-font-size:                   11px !default

$repository-entry-filename-margin-left:         24px !default

$user-avatar-border-radius:                     50px !default
$user-avatar-width:                             36px !default
$user-avatar-mini-border-radius:                50px !default
$user-avatar-mini-width:                        20px !default

$select-element-padding:                        3px, 24px, 3px, 3px

$widget-box-content-bg-color:                   $body-background
$widget-box-block-bg-color:                     $body-background
$widget-box-block-border-color:                 $content-default-border-color
$homescreen-footer-bg-color:                    $gray-light
$homescreen-footer-icon-color:                  #7B827B

$inplace-edit--border-color:                    #ddd
$inplace-edit--dark-background:                 $gray-light
$inplace-edit--color--very-dark:                #cacaca
$inplace-edit--color-highlight:                 $primary-color
$inplace-edit--selected-date-border-color:      $primary-color-dark
$inplace-edit--color--disabled:                 #999
$inplace-edit--bg-color--disabled:              #eee