// Namespace
$prefix: 'sf-';

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

$theme-font-family: '';

// Theme colors
$theme-cyan: #32abe2;
$theme-darkblue: #0c3e55;
$theme-lightgray: #f6f6f6;
$theme-text-color: #333;
$theme-text-muted: #696969;

$theme-border-radius: 2px;
$theme-padding: 1rem;

//============================================================
// 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,38%);

$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,50%);
$blockquote-alert-border-color: lighten($blockquote-red,38%);

$bq-sh-x: 0;
$bq-sh-y: 1px;
$bq-sh-blur: 4px;
$bq-sh-spread: 0;
$bq-sh-color: rgba(0, 0, 0, 0.17);

//============================================================
// SF Tabs
//============================================================
$comp_tab-link-transform: none;
$comp_tab-link-color-active: $theme-darkblue;
$comp_tab-link-color: #696969;
$comp_tab-font-weight: 700;
$comp_tab-nav-border-color: $theme-cyan;
$comp_tab-nav-border-color-active: $theme-darkblue;
$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;