/**
 * Copyright 2014 Vecna Technologies, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you
 * may not use this file except in compliance with the License.  You may
 * obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
 * implied.  See the License for the specific language governing
 * permissions and limitations under the License.
 */

// Browser Options
$touch-only: false !default;

// App Colors
$body-background: #fbfbfb !default;
$main-background: #fbfbfb !default;
$header-background: #fff !default;
$nav-background-color: #454b50 !default;
$nav-color: #fbfbfb !default;
$nav-hover-backgroundcolor: #222427 !default;
$nav-arrow-color: #999 !default;
$link-hover-color: #00b6f2 !default;

$thread-background: $main-background !default;
$border-color: #dadee0 !default;
$well-background: #f2f1f0 !default;

// Typography
$base-font:         HelveticaNeue, Helvetica, arial, verdana, sans-serif !default;
$base-size:         16px !default;
$base-weight:       300 !default;
$base-line-height:  1.5em !default;
$base-color:        #454b50 !default;
$heading-font:      HelveticaNeue, Helvetica, arial, verdana, sans-serif !default;
$light-font:        HelveticaNeue, Helvetica, arial, verdana, sans-serif !default;
$monospace-font:    'Inconsolata', monospace, sans-serif !default;


// Login
$login-background:  $base-color !default;
$login-color:       $main-background !default;

// Grid Settings

// Set to 100% for a fluid grid
// Set in px for a fixed grid
$grid-width:   100% !default;

// Max width of entire grid in px, for fluid grid
$grid-max-width:  100% !default;
$gutter-width:    50px !default;
$column-count:    12 !default;
$column-width:    ($grid-width / $column-count) !default;

// Links
$link-default-color: #0090bf !default;
$link-visited-color: lighten(desaturate($link-default-color, 30%), 10%) !default;
$link-hover-color:   lighten($link-default-color, 10%) !default;
$link-active-color:  lighten($link-default-color, 20%) !default;

// Buttons
$button-default-background-color:  #c7ced4 !default;
$button-default-color:             #0a5679 !default;
$button-primary-background-color:  $link-default-color !default;
$button-primary-color:             #fff !default;
$button-warning-background-color:  #A02300 !default;
$button-warning-color:             #fff !default;
$button-selected-background-color: lighten($link-default-color, 60%) !default;

// Alerts
$alert-default-color: #005875 !default;
$alert-success-color: #417e10 !default;
$alert-error-color:   #8b240f !default;
$alert-warning-color: #6c4f18 !default;


// Label colors
$label-blue:    $link-default-color !default;
$label-orange:  #bf4225 !default;
$label-green:   #53901f !default;

// Badge colors
$badge-color:         $button-primary-background-color !default;
$badge-warning-color: $button-warning-background-color !default;

// Responsiveness
$small-max-width: 765px !default;
$small-screen:    765px !default;
$medium-screen:   1100px !default;
$large-screen:    1440px !default;
$nav-max-width:   765px !default;

$screen: "only screen" !default;
$small: "only screen and (max-width:"#{$small-screen}")" !default;
$medium: "only screen and (min-width:"#{$medium-screen}")" !default;
$large: "only screen and (min-width:"#{$large-screen}")" !default;
$landscape: "only screen and (orientation: landscape)" !default;
$portrait: "only screen and (orientation: portrait)" !default;

$responsive-form: false !default;

/*
 * These paths are stored as variables for overwriting within our
 * application. Since we use a static image service, we will need
 * to replace not only the url path, but also the images (since we
 * use resource names instead of file names).
 */
$staticImageUrl: '../img' !default;
$staticImageCC: '/credit-cards.png' !default;
$staticImageCC2x: '/credit-cards@2x.png' !default;