// Namespace
$prefix: 'sf-';

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

$theme-font-family: 'Inter', Arial, sans-serif;
$theme-border-radius: 2px;
$theme-padding: 1rem;
$theme-line-height: 1.5rem;

// Theme colors
$theme-cyan: #0E5FE3;
$theme-darkblue: #0A49AF;
$theme-lightgray: #E8F0FC;
$theme-text-color: #191919;
$theme-text-muted: #6D7278;

//============================================================
// 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: #fff;
$blockquote-blue: $theme-darkblue;
$blockquote-green: #389A59;
$blockquote-lightgreen: #DBF2E2;
$blockquote-red: #AE2828;
$blockquote-lightred: #F7DDDD;

$blockquote-info-accent-border: $blockquote-blue;
$blockquote-info-color: $blockquote-blue;
$blockquote-info-bgcolor: $theme-lightgray;
$blockquote-info-border-color: transparent;
$blockquote-info-color-escaped: '%230A49AF';

$blockquote-tip-accent-border: $blockquote-green;
$blockquote-tip-color: $blockquote-green;
$blockquote-tip-bgcolor: $blockquote-lightgreen;
$blockquote-tip-border-color: transparent;
$blockquote-tip-color-escaped: '%23389A59';

$blockquote-alert-accent-border: $blockquote-red;
$blockquote-alert-color: $blockquote-red;
$blockquote-alert-bgcolor: $blockquote-lightred;
$blockquote-alert-border-color: transparent;
$blockquote-alert-color-escaped: '%23AE2828';

$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: $theme-text-muted;
$comp_tab-link-hover-color: $theme-text-color;
$comp_tab-link-font-size: 1rem;
$comp_tab-font-weight: 500;
$comp_tab-nav-border-color: $theme-lightgray;
$comp_tab-nav-border-color-active: $theme-darkblue;
$comp_tab-link-active-border-thickness: .1875rem;
$comp_tab-nav-border-thickness: .1875rem;
$comp_tab-content-padding: 1rem;
$comp_tab-link-padding: .5rem 0rem;
$comp_tab-link-margin: 0 2rem 0 0;

//============================================================
// SF Accordion
//============================================================
$accordion-item-top-offset: -1px;
$accordion-toggle-font-size: 1rem;
$accordion-toggle-font-weight: 500;
$accordion-toggle-padding: 1rem;
$accordion-toggle-border-radius: 12px;
$accordion-toggle-border-color: #f6f7f8;
$accordion-toggle-active-color: $theme-text-color;
$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: 90deg;
$accordion-toggle-icon-rotation-in: 270deg;
$accordion-content-padding: 1rem;

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