// Namespace
$prefix: 'sf-';

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

$theme-font-family: 'Open Sans', sans-serif;
$theme-border-radius: 2px;
$theme-padding: 1rem;
$theme-line-height: 1.65;

// Theme colors
$theme-lightgray: #dbe7f1;
$theme-orange: #f69139;
$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-accent-border: $blockquote-blue;
$blockquote-info-color: darken($blockquote-blue,15%);
$blockquote-info-bgcolor: lighten($blockquote-blue,59%);
$blockquote-info-border-color: lighten($blockquote-blue,38%);
$blockquote-info-color-escaped: '%230060AC';

$blockquote-tip-accent-border: $blockquote-green;
$blockquote-tip-color: darken($blockquote-green,15%);
$blockquote-tip-bgcolor: lighten($blockquote-green,50%);
$blockquote-tip-border-color: lighten($blockquote-green,30%);
$blockquote-tip-color-escaped: '%2343AE33';

$blockquote-alert-accent-border: $blockquote-red;
$blockquote-alert-color: darken($blockquote-red,15%);
$blockquote-alert-bgcolor: lighten($blockquote-red,50%);
$blockquote-alert-border-color: lighten($blockquote-red,38%);
$blockquote-alert-color-escaped: '%23BE332A';

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

//============================================================
// SF Tabs
//============================================================
$comp_tab-link-transform: uppercase;
$comp_tab-link-color-active: $theme-orange;
$comp_tab-link-color: rgb(156, 156, 156);
$comp_tab-link-hover-color: rgb(88, 89, 91);
$comp_tab-link-font-size: 0.8125rem;
$comp_tab-font-weight: 600;
$comp_tab-nav-border-color: #d4d4d4;
$comp_tab-nav-border-color-active: #f68520;
$comp_tab-link-active-border-thickness: 0.125rem;
$comp_tab-nav-border-thickness: 0.0625rem;
$comp_tab-content-padding: 1rem 0;
$comp_tab-link-padding: .5rem 1.5rem;
$comp_tab-link-margin: 0;

//============================================================
// SF Accordion
//============================================================
$accordion-item-top-offset: -1px;
$accordion-toggle-font-size: 1rem;
$accordion-toggle-font-weight: 400;
$accordion-toggle-padding: 1rem;
$accordion-toggle-border-radius: 0px;
$accordion-toggle-border-color: #f5f5f5;
$accordion-toggle-active-color: #f2841f;
$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-toggle-icon-rotation: 0deg;
$accordion-toggle-icon-rotation-in: 90deg;
$accordion-content-padding: 1rem;

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