stylesheets/partials/_base.scss
//Palette, colors mostly (but don't hold me to it) go from light shades to dark shades within categories

//Mono
$palette_white: rgb(255,255,255);
$palette_white_20trans: rgba(255,255,255,.8);
$palette_white_50trans: rgba(255,255,255,.5);
$palette_white_80trans: rgba(255,255,255,.2);
$palette_5gray: rgba(247,247,247,1); //guide gradient bkg
$palette_9gray: rgba(238,238,238,1); //from bootstrap, code border color
$palette_10gray: rgba(230,230,230,1);
$palette_11gray: rgba(229,229,229,1); //from bootstrap hardcode, nav divider bkg
$palette_12gray: rgba(221,221,221,1); //from bootstrap hardcode, tab border
$palette_20gray: rgba(204,204,204,1);
$palette_25gray: rgba(197,197,197,1); //guide icon
$palette_26gray: rgba(193,193,193,1); //from bootstrap, code border color
$palette_30gray: rgba(179,179,179,1);
$palette_40gray: rgba(153,153,153,1);
$palette_50gray: rgba(128,128,128,1);
$palette_50gray_20trans: rgba(128,128,128,.8);
$palette_50gray_50trans: rgba(128,128,128,.5);
$palette_50gray_80trans: rgba(128,128,128,.2);
$palette_60gray: rgba(102,102,102,1);
$palette_70gray: rgba(77,77,77,1);
$palette_80gray: rgba(51,51,51,1); //default font color
$palette_90gray: rgba(26,26,26,1);
$palette_black: rgb(0,0,0);
$palette_black_20trans: rgba(0,0,0,.8);
$palette_black_50trans: rgba(0,0,0,.5);
$palette_black_80trans: rgba(0,0,0,.2);

//Green

$palette_grass: rgba(95,191,95,1); //green in footer, bar, links
$palette_soft_green: rgba(157,219,65,1); //guide icon
$palette_yellow_green: rgba(229,255,11,1);
$palette_bright_lime: rgba(126,240,38,1);
$palette_lime: rgba(164, 255, 92, 1); // nav text color
$palette_kelly_green: rgba(175,217,24,1); //link hover
$palette_green: rgba(99,189,38,1);
$palette_forest: rgba(0,166,11,1);

//Blue

$palette_cyan: rgba(38,240,194,1);
$palette_sky: rgba(0,163,126,1);
$palette_blue: rgba(22,101,138,1); //h3
$palette_cerulean: rgba(23,84,112,1);

//Pink to Purple

$palette_lavender: rgba(226,38,240,1);
$palette_violet: rgba(152,0,163,1);
$palette_pale_lavender: rgba(213,216,206,1);
$palette_lightest_purple: rgba(220,181,255,1);
$palette_lighter_purple: rgba(197,161,230,1);
$palette_light_purple: rgba(158,87,217,1); //nav links
$palette_bright_purple: rgba(112,62,153,1);
$palette_dark_purple: rgba(65,36,90,1);
$palette_pitch_purple: rgba(56,31,77,1); //nav and footer base

//Earth

$palette_soft_yellow: rgba(245,190,86,1); //guide icon
$palette_mid_yellow: rgba(247,197,25,1); //guide icon
$palette_yellow: rgba(248,240,27,1);
$palette_light_orange: rgba(248,147,27,1);
$palette_orange: rgba(247,73,15,1); //link color
$palette_burnt_orange: rgba(178,58,18,1); //hover icon
$palette_soft_red: rgba(232,77,44,1); //guide icon
$palette_light_terra: rgba(166,64,51,1);
$palette_terra: rgba(140,61,51,1);

//Stylesheet color variable assignments

$logo_font_color: $palette_white;
$page_background_color: $palette_10gray;
$light_border: $palette_26gray; //$palette_pale_lavender;
$article_border: $palette_12gray;

$h1_color: $palette_dark_purple;
$h2_color: $palette_dark_purple;
$h3_color: $palette_blue;
$h4_color: $palette_60gray;
$h5_color: $palette_80gray;
$h6_color: $palette_80gray;
$default_font_color: $palette_80gray;
$text_photo_background_color: $palette_10gray;
$link_color: $palette_orange;
$link_hover_color: $palette_burnt_orange;
//$inline_code_color: $palette_forest;
$inline_code_color: rgba(0, 117, 8, .85);

$banner_background_color: $palette_pitch_purple;
$banner_link_color: $palette_10gray;
//$banner_link_hover_color: $palette_grass; 
$banner_link_hover_color: $palette_lime; 

$intro_background_color: $palette_10gray;
$home_header_background_color: $palette_white;
$log_title_color: $palette_dark_purple;
$log_detail_color: $palette_dark_purple;
$cta_button_color: $palette_grass;
$activity_header_color: $palette_dark_purple;
$activity_background_color: $palette_white;
$rally_color: $palette_cerulean;

$invasion_tab_color: $palette_light_purple;
$invasion_tab_border_color: $palette_dark_purple;
$tweet_row_color: $palette_5gray;
$blockquote_text_color: $palette_80gray;
$blockquote_quote_color: $palette_40gray;
$blockquote_citation_color: $palette_70gray;

$guide_page_background_color: $palette_white;
$guide_page_header_background_color: $palette_50gray;
//$guide_button_text_active_color: $palette_40gray;
$guide_button_text_active_color: rgb(91, 182, 91);
$guide_dropdown_color: $palette_white;
$guide_author_name_color: $palette_60gray;
$guide_content_background_color: $palette_white;
$toc_text_color: $palette_50gray;
$toc_link_color: transparentize($palette_blue, .1);

$info_box_background_color: rgb(50, 167, 75); // 80% mix w/ white of previous
$important_box_background_color: rgb(253, 94, 40); //#fd5e28; //$palette_soft_red;
//$warning_box_background_color: rgba(255, 202, 20); //#ffca14; //$palette_soft_yellow;
//$warning_box_background_color: rgb(255, 212, 66); // 80% mix w/ white of previous
$warning_box_background_color: rgb(250, 208, 71); // 5% desaturated of previous
$command_box_background_color: $palette_25gray;
$source_box_background_color: $palette_mid_yellow;
$filetree_background_color: #f8f8f8; //$palette_pale_lavender;

//$footer_base_color: #A4FF5C;
$footer_base_color: rgb(169, 222, 124);
$footer_header_color: $palette_80gray;
$footer_link_color: $palette_80gray;
$footer_text_color: $palette_70gray;
$branding_background_color: $palette_white;

// Font family settings
$default_font_family: "DejaVu Sans", Verdana, sans-serif;
$header_font_family: "Marvel", "Trebuchet MS", Arial, sans-serif;
$nav_font_family: $header_font_family;
$banner_font_family: $header_font_family;
$button_font_family: $header_font_family;
$fancy_font_family: Georgia, serif;
// QUESTION do we need block fixed and inline fixed?
// TODO apply fixed font to _prettify.scss
$fixed_font_family: "DejaVu Sans Mono", "Droid Sans Mono", Menlo, Monaco, "Courier New", monospace;

// Compass Settings

//$support-for-original-webkit-gradients: false;

$default-text-shadow-color: $palette_50gray_50trans;
$default-text-shadow-h-offset: 1px;
$default-text-shadow-v-offset: 1px;
$default-text-shadow-blur: 1px;

$default-border-radius: 5px;

$default-box-shadow-color: $palette_50gray_50trans;
$default-box-shadow-h-offset: 1px;
$default-box-shadow-v-offset: 2px;
$default-box-shadow-blur: 4px;

$sprite-default-size: 60px;
$sprite-image-default-width: $sprite-default-size;
$sprite-image-default-height: $sprite-default-size;

// Bootstrap settings

//$gridColumns:     12;
//$gridColumnWidth: 60px;
//$gridGutterWidth: 20px;
//$fluidGridColumnWidth: 4.255319149;

$baseLineHeight:  24px; // FIXME we can't set 1.7 like we did w/ blueprint
$baseFontFamily:  $default_font_family;
$baseFontSize:    14px;
$textColor:       $default_font_color;

$linkColor:       $link_color;
$linkColorHover:  $link_hover_color;

$primaryButtonBackground: $cta_button_color;
$hrBorder:                $light_border;

$navbarBackground:          $banner_background_color;
$navbarBackgroundHighlight: $palette_dark_purple;
$navbarLinkBackgroundHover: transparent;
$navbarLinkColor:           $banner_link_color;
$navbarLinkColorHover:      $banner_link_hover_color;
$navbarLinkColorActive:     $banner_link_hover_color;

// Responsive size thresholds (can't reference in @media until sass 3.2)

$phone_max_width: 480px;
$p_tablet_max_width: 767px;
$l_tablet_min_width: $p_tablet_max_width + 1px;
$l_tablet_max_width: 979px;
$s_desktop_min_width: $l_tablet_max_width + 1px;
$w_desktop_min_width: 1200px;

// Imports

/*
 * Based on Bootstrap v2.0.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Twitter Bootstrap CSS generated by bootstrap-sass,
 * a Sass-powered adaptation of Twitter Bootstrap.
 */
@import "bootstrap";
@import "bootstrap-responsive";
@import "compass/reset/utilities"; // provides reset mixins like reset-focus
@import "compass/utilities/sprites"; // provides sprites mixins
// NOTE Compass CSS3 will override the following bootstrap mixins:
//      border-radius, box-shadow, transition, background-size, background-clip
@import "compass/css3"; // provides generation of experimental CSS properties
@import "blueprint/link-icons"; // provides icons for known mime-types
