
// Options
// Quickly modify global styling by enabling or disabling optional features.

$enable-caret: true;
$enable-rounded: true;
$enable-shadows: true;
$enable-gradients: false;
$enable-transitions: true;
$enable-reduced-motion: true;
$enable-smooth-scroll: true;
$enable-grid-classes: true;
$enable-cssgrid: false;
$enable-button-pointers: true;
$enable-rfs: true;
$enable-validation-icons: true;
$enable-negative-margins: false;
$enable-deprecation-messages: true;
$enable-important-utilities: false;
$enable-dark-mode: false;

// Prefix for :root CSS variables
$variable-prefix: sw-;

// Spacing
$spacer: 1rem;

// Color system
$white: #fff;
$primary: hsl(327deg, 100%, 45%);
$gray-100: hsl(210, 17%, 97%);
$gray-200: #e9ecef;
$gray-400: #ced4da;
$gray-600: #6c757d;
$gray-800: #343a40;
$gray-900: #212529;
$black: #000;

// Body
$body-bg: $white;
$body-color: $gray-800;

// Links

$link-color: $body-color;
$link-decoration: none;
$link-shade-percentage: 15%;
$link-hover-color: $primary;
$link-hover-decoration: underline;

// Components

$border-radius: 2px;

$box-shadow: 0 1px 1px rgba($black, 0.12), 0 2px 2px rgba($black, 0.12), 0 4px 4px rgba($black, 0.12), 0 8px 8px rgba($black, 0.12), 0 16px 16px rgba($black, 0.12);
$box-shadow-sm: 0 1px 1px rgba($black, 0.12), 0 2px 2px rgba($black, 0.12), 0 4px 4px rgba($black, 0.12);
$box-shadow-lg: 0 1px 2px rgba($black, 0.07), 0 2px 4px rgba($black, 0.07), 0 4px 8px rgba($black, 0.07), 0 8px 16px rgba($black, 0.07), 0 16px 32px rgba($black, 0.07), 0 32px 64px rgba($black, 0.07);
$box-shadow-inset: inset 0 1px 1px rgba($black, .08);
$box-shadow-inset-lg: inset 0 2px 10px rgba($black, .2);

// Typography
$font-family-sans-serif: "Trebuchet MS", "Trebuchet W02", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;

$font-size-root: .9375em;
$font-size-base: 1rem; // Assumes the browser default, typically `16px`
$font-size-xs: $font-size-base * 0.75;
$font-size-sm: $font-size-base * 0.875;
$font-size-lg: $font-size-base * 1.125;

$line-height-base: 1.6;

$h1-font-size: $font-size-base * 2.5;
$h2-font-size: $font-size-base * 1.5;
$h3-font-size: $font-size-base * 1.25;
$h4-font-size: $font-size-base * 1.125;
$h5-font-size: $font-size-base;
$h6-font-size: $font-size-base;

$headings-font-weight: inherit;
$headings-line-height: 1.2;
$headings-margin-bottom: 1rem;
$headings-color: $primary;

$lead-font-size: $font-size-lg;
$lead-font-weight: null;

// scss-docs-start font-sizes

$font-sizes: (
        1: $h1-font-size,
        2: $h2-font-size,
        3: $h3-font-size,
        4: $h4-font-size,
        5: $h5-font-size,
        6: $h6-font-size,
        lg: $font-size-lg,
        sm: $font-size-sm,
        xs: $font-size-xs,
        base: $font-size-base,
);

// Grid

$grid-columns: 12;
$grid-gutter-width: 2rem;
$grid-row-columns: 6;

// Navs

// scss-docs-start nav-variables
$nav-link-padding-y: 1.2rem;
$nav-link-padding-x: 1.25rem;
$nav-link-hover-color: $link-hover-color;
$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out, border-color .15s ease-in-out;

// Navbar

$navbar-padding-y: 0;
$navbar-padding-x: 1rem;

$navbar-brand-font-size: inherit;
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2;
$navbar-brand-height: 2rem;
$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5;
$navbar-brand-margin-end: 1rem;

$navbar-toggler-focus-width: 0 !default;

// Dropdowns
//
// Dropdown menu container and contents.

// scss-docs-start dropdown-variables
$dropdown-padding-x: 0;
$dropdown-padding-y: 0;
$dropdown-spacer: 0;
$dropdown-border-color: $primary;
$dropdown-border-radius: 0;
$dropdown-border-width: 0;
//
//$dropdown-link-color:               $gray-900;
$dropdown-link-hover-color: $primary;
$dropdown-link-hover-bg: $gray-200;

$dropdown-item-padding-y: $spacer * .5;
$dropdown-item-padding-x: $spacer;

$dropdown-header-color: inherit;
$dropdown-header-padding: $dropdown-item-padding-y $dropdown-item-padding-x;

// Breadcrumbs

$breadcrumb-font-size: $font-size-sm;
$breadcrumb-padding-y: $spacer;
$breadcrumb-divider-color: $gray-600;
$breadcrumb-active-color: $gray-800;
$breadcrumb-margin-bottom: 0;

// Cards

// scss-docs-start card-variables
$card-spacer-y: $spacer*1.5;
$card-spacer-x: $spacer*1.5;
$card-spacer-y: $spacer*1.5;
$card-spacer-x: $spacer*1.5;
$card-title-spacer-y: $spacer*.5;
$card-border-width: 0;
$card-border-color: rgba(0, 0, 0, .1);
$card-border-radius: $border-radius;
$card-box-shadow: null;
$card-inner-border-radius: subtract($card-border-radius, $card-border-width);
$card-cap-padding-y: $card-spacer-y * 1;
$card-cap-padding-x: $card-spacer-x * 1;
$card-cap-bg: unset;
$card-cap-color: null;
$card-height: 100%;
$card-color: null;
$card-bg: $gray-100;
$card-img-overlay-padding: $spacer;
$card-group-margin: $grid-gutter-width * .5;

// Buttons

$btn-box-shadow: 0;
$btn-border-radius: 0;
$btn-border-radius-sm: 0;
$btn-border-radius-lg: 0;

//Tables
$table-cell-padding-y: .5rem !default;
$table-cell-padding-x: 1rem !default;
$table-cell-padding-y-sm: .25rem !default;
$table-cell-padding-x-sm: .5rem !default;

$table-bg: $body-bg;
$table-border-factor: .1;
$table-border-width: 1px;
$table-border-color: $gray-200;
$table-group-separator-color: $table-border-color;

// Modals

$modal-content-border-width: 0 !default;
