// Namespace
$prefix: 'sf-';

// Iteration
$vendors: '-moz-', '-webkit-', '-ms-', '';
$btn-sizes: 'lg', 'xs';

$theme-font-family: '';
$theme-text-color: #333333;
$theme-border-radius: 0;
$theme-padding: 1rem;

// Theme colors
$theme-redorange: #ef4123;
$theme-olivegreen: #314550;
$theme-lightgray: #dbe7f1;
$theme-text-color: #333;
$theme-text-muted: #696969;

//============================================================
// Blockquotes
//============================================================
$blockquote-padding: 1.25rem;
$blockquote-addon-dimensions: 4rem;
$blockquote-addon-offset: $blockquote-padding;
$blockquote-content-offset: $blockquote-addon-dimensions + ($blockquote-addon-offset * 2) + .5rem;

// This should vary per theme
$blockquote-default-bg-color: #f3f3f3;

$blockquote-blue: #0060AC;
$blockquote-green: #43AE33;
$blockquote-red: #BE332A;

$blockquote-info-color: $blockquote-blue;
$blockquote-info-bgcolor: lighten($blockquote-blue,59%);
$blockquote-info-border-color: lighten($blockquote-blue,55%);

$blockquote-tip-color: $blockquote-green;
$blockquote-tip-bgcolor: lighten($blockquote-green,50%);
$blockquote-tip-border-color: lighten($blockquote-green,30%);

$blockquote-alert-color: $blockquote-red;
$blockquote-alert-bgcolor: lighten($blockquote-red,47%);
$blockquote-alert-border-color: lighten($blockquote-red,40%);

$bq-sh-x: 0;
$bq-sh-y: 2px;
$bq-sh-blur: 3px;
$bq-sh-spread: 0;
$bq-sh-color: rgba(0,0,0,0.1);

//============================================================
// SF Tabs
//============================================================
$comp_tab-link-transform: uppercase;
$comp_tab-link-color-active: $theme-text-color;
$comp_tab-link-color: $theme-text-muted;
$comp_tab-font-weight: 700;
$comp_tab-nav-border-color: $theme-lightgray;
$comp_tab-nav-border-color-active: $theme-redorange;
$comp_tab-nav-border-thickness: 4px;
$comp_tab-content-padding: 1rem;
$comp_tab-link-padding: 1.5rem 1.5rem .5rem;

//============================================================
// SF Accordion
//============================================================
$accordion-item-top-offset: -1px;
$accordion-toggle-padding: 1rem;
$accordion-toggle-border-color: #e3e3e3;
$accordion-toggle-hover-border-color: darken($theme-lightgray,10%);
$accordion-toggle-icon-stroke-width: 0.125rem;
$accordion-toggle-icon-dim: 1rem;
$accordion-toggle-icon-offset: 1rem;
$accordion-toggle-icon-animation: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
$accordion-content-padding: 1rem;

//============================================================
// Well
//============================================================
$well-bg: #F3F3F3;