/*
Bootstrap variables
==================================================
Contains all overrides of bootstrap default variables.

https://getbootstrap.com/docs/5.2/customize/sass/#variable-defaults
*/

// Color system
$gray-100: #f9f9f9 !default;
$gray-200: #eee !default;
$gray-300: #bcc1c7 !default;
$gray-600: #798490 !default;
$gray-800: #4a545b !default;

$primary: $sw-color-brand-primary !default;
$secondary: $sw-color-brand-secondary !default;

$success: $sw-color-success !default;
$info: $sw-color-info !default;
$warning: $sw-color-warning !default;
$danger: $sw-color-danger !default;

$light: $gray-100 !default;
$dark: $gray-800 !default;

$headings-color: $sw-headline-color !default;

// Grid
$grid-gutter-width: 40px !default;

// Body
$body-bg: $sw-background-color !default;
$body-color: $sw-text-color !default;
$body-secondary-color: $sw-text-color !default;

// Components
$border-color: $sw-border-color !default;

$focus-ring-width: 0.2rem;
$focus-ring-opacity: 0.6 !default;

$border-radius: 0 !default;
$border-radius-lg: 0 !default;
$border-radius-sm: 0 !default;

// Typography
$font-family-base: $sw-font-family-base !default;

// @deprecated tag:v6.7.0 - The standard paragraph spacing will be increased to apply to accessibility standards.
$paragraph-margin-bottom: if(feature('ACCESSIBILITY_TWEAKS'), 2rem, 1rem) !default;

// @deprecated tag:v6.7.0 - The standard font-size will be set to 1rem and the other sizes adjusted accordingly.
$font-size-base: if(feature('ACCESSIBILITY_TWEAKS'), 1rem, 0.875rem) !default;
$font-size-lg: if(feature('ACCESSIBILITY_TWEAKS'), 1.125rem, 1rem) !default;
$font-size-sm: if(feature('ACCESSIBILITY_TWEAKS'), 0.875rem, 0.75rem) !default;
$font-weight-normal: 400 !default;

$h1-font-size: 36px !default;
$h2-font-size: 28px !default;
$h3-font-size: 24px !default;
$h4-font-size: 20px !default;
$h5-font-size: 16px !default;
$h6-font-size: 14px !default;

// @deprecated tag:v6.7.0 - The standard font-size of 1rem will be used for $nav-link-font-size.
$nav-link-font-size: if(feature('ACCESSIBILITY_TWEAKS'), $font-size-base, $font-size-lg) !default;

$headings-font-weight: 700 !default;
$headings-font-family: $sw-font-family-headline !default;

$link-decoration: if(feature('ACCESSIBILITY_TWEAKS'), underline, none) !default;
$link-hover-decoration: underline !default;

// Buttons + Forms
$input-btn-padding-y: 0.5625rem !default;
$input-btn-padding-x: 0.5625rem !default;

$input-placeholder-color: #666977 !default;

$form-label-margin-bottom: 3px !default;

// Buttons
$btn-padding-y: 2px !default;
$btn-padding-x: 12px !default;
$btn-line-height: 2.125rem !default;

$btn-padding-y-sm: 2px !default;
$btn-padding-x-sm: 12px !default;
$btn-font-size-sm: 14px !default;
$btn-line-height-sm: 1.875rem !default;

$btn-padding-y-lg: 2px !default;
$btn-padding-x-lg: 12px !default;
$btn-font-size-lg: 16px !default;
$btn-line-height-lg: 2.375rem !default;

$btn-font-weight: 600 !default;
$btn-link-disabled-color: $gray-300 !default;
$btn-disabled-opacity: 1 !default;

// Forms
$enable-validation-icons: false !default;
$input-color: $sw-text-color !default;
$input-border-color: $sw-border-color !default;
$form-check-input-border: 1px solid $sw-border-color !default;
$form-check-input-width: 1rem !default;
$form-check-padding-start: 1.5rem !default;
$input-focus-border-color: $sw-color-brand-primary !default;
$custom-select-indicator-color: $input-color !default;
$custom-control-indicator-active-bg: $sw-color-brand-primary !default;

// Pagination
$pagination-color: $sw-text-color !default;
$pagination-hover-color: $sw-text-color !default;
$pagination-border-width: 0 !default;
$pagination-padding-y: 0.595rem !default;
$pagination-padding-x: 0.75rem !default;
$pagination-border-color: $sw-border-color !default;
$pagination-hover-border-color: $sw-border-color !default;
$pagination-focus-border-color: $sw-border-color !default;
$pagination-disabled-color: $gray-600 !default;
$pagination-disabled-bg: transparent !default;

// Dropdown
$dropdown-border-color: $sw-border-color !default;

// Badges
$badge-font-size: 12px !default;

// Spinners
$spinner-width: 26px !default;
$spinner-border-width: 2px !default;

// Modals
$modal-content-border-width: 0 !default;
$modal-content-box-shadow-xs: 0 43px 43px -6px rgba(#000, 0.2) !default;
$modal-content-box-shadow-sm-up: 0 43px 43px -6px rgba(#000, 0.2) !default;

// Breadcrumb
$breadcrumb-bg: transparent !default;
$breadcrumb-border-radius: 0 !default;

// Cards
$card-border-color: transparent !default;
$card-bg: transparent !default;
$card-spacer-y: 0 !default;
$card-spacer-x: 0 !default;

// Tables
$table-striped-bg: #f9f9f9 !default;

// Switch
$custom-switch-indicator-border-radius: 0.5rem;

// OffCanvas
$offcanvas-padding-y: $grid-gutter-width / 2 !default;
$offcanvas-padding-x: $grid-gutter-width / 2 !default;
$offcanvas-border-width: 0 !default;
$offcanvas-border-color: transparent !default;
$offcanvas-backdrop-opacity: 1 !default;

// Alerts
// @deprecated tag:v6.7.0 - The alert padding will be on the actual Bootstrap `.alert` container instead of the custom `.alert-content-container` class.
$alert-padding-x: if(feature('ACCESSIBILITY_TWEAKS'), 0.5rem, 0) !default;
$alert-padding-y: if(feature('ACCESSIBILITY_TWEAKS'), 0.5rem, 0) !default;
// @deprecated tag:v6.7.0 - The alert border will be 1px.
$alert-border-width: if(feature('ACCESSIBILITY_TWEAKS'), 1px, 0) !default;

// Badges
$badge-border-radius: 50px !default;
$badge-padding-x: 5px !default;
$badge-padding-y: 0 !default;
