/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.9.0
----------------------------------------
COMPONENT SETTINGS
----------------------------------------
Read more about settings and
USWDS style tokens in the documentation:
https://designsystem.digital.gov/design-tokens
----------------------------------------
*/

// Accordion
$theme-accordion-border-width: 0.5 !default;
$theme-accordion-border-color: "base-lightest" !default;
$theme-accordion-font-family: "body" !default;

// Alert
$theme-alert-bar-width: 1 !default;
$theme-alert-font-family: "ui" !default;
$theme-alert-icon-size: 4 !default;
$theme-alert-padding-x: 2.5 !default;

// Banner
$theme-banner-background-color: "base-lightest" !default;
$theme-banner-font-family: "ui" !default;
$theme-banner-link-color: default !default;
$theme-banner-max-width: "desktop" !default;

// Breadcrumb
$theme-breadcrumb-background-color: "white" !default;
$theme-breadcrumb-font-size: "sm" !default;
$theme-breadcrumb-font-family: "body" !default;
$theme-breadcrumb-link-color: default !default;
$theme-breadcrumb-min-width: "mobile-lg" !default;
$theme-breadcrumb-padding-bottom: 2 !default;
$theme-breadcrumb-padding-top: 2 !default;
$theme-breadcrumb-padding-x: 0 !default;
$theme-breadcrumb-separator-color: "base" !default;

// Button
$theme-button-font-family: "ui" !default;
$theme-button-border-radius: "md" !default;
$theme-button-small-width: 6 !default;
$theme-button-stroke-width: 2px !default;

// Card
$theme-card-border-color: "base-lighter" !default;
$theme-card-border-radius: "lg" !default;
$theme-card-border-width: 2px !default;
$theme-card-gap: 2 !default;
$theme-card-flag-min-width: "tablet" !default;
$theme-card-flag-image-width: "card-lg" !default;
$theme-card-font-family: "body" !default;
$theme-card-header-typeset: "heading", "lg", 2 !default;
$theme-card-margin-bottom: 4 !default;
$theme-card-padding-perimeter: 3 !default;
$theme-card-padding-y: 2 !default;

// Footer
$theme-footer-font-family: "body" !default;
$theme-footer-max-width: "desktop" !default;

// Form and input
$theme-checkbox-border-radius: "sm" !default;
$theme-form-font-family: "ui" !default;
$theme-input-line-height: 3 !default;
$theme-input-max-width: "mobile-lg" !default;
$theme-input-select-border-width: 2px !default;
$theme-input-select-size: 2.5 !default;
$theme-input-state-border-width: 0.5 !default;

// Header
$theme-header-font-family: "ui" !default;
$theme-header-logo-text-width: 33% !default;
$theme-header-max-width: "desktop" !default;
$theme-header-min-width: "desktop" !default;

// Hero
$theme-hero-image: "#{$theme-image-path}/hero.png" !default;

// Identifier
$theme-identifier-font-family: "ui" !default;
$theme-identifier-background-color: "base-darkest" !default;
$theme-identifier-identity-domain-color: "base-light" !default;
$theme-identifier-max-width: "desktop" !default;
$theme-identifier-secondary-link-color: "base-light" !default;

// Navigation
$theme-navigation-font-family: "ui" !default;
$theme-megamenu-columns: 3 !default;

// Search
$theme-search-font-family: "ui" !default;
$theme-search-min-width: 27ch !default;

// Sidenav
$theme-sidenav-current-border-width: 0.5 !default;
$theme-sidenav-font-family: "ui" !default;

// Step indicator
$step-indicator-background-color: "white" !default;
$theme-step-indicator-counter-gap: 0.5 !default;
$theme-step-indicator-counter-border-width: 0.5 !default;
$theme-step-indicator-font-family: "ui" !default;
$theme-step-indicator-heading-color: "ink" !default;
$theme-step-indicator-heading-font-family: "ui" !default;
$theme-step-indicator-heading-font-size: "lg" !default;
$theme-step-indicator-heading-font-size-small: "md" !default;
$theme-step-indicator-label-font-size: "sm" !default;
$theme-step-indicator-min-width: "tablet" !default;
$theme-step-indicator-segment-color-pending: "base-lighter" !default;
$theme-step-indicator-segment-color-complete: "primary-darker" !default;
$theme-step-indicator-segment-color-current: "primary" !default;
$theme-step-indicator-segment-gap: 2px !default;
$theme-step-indicator-segment-height: 1 !default;
$theme-step-indicator-text-pending-color: "base-dark" !default;

// Tooltips
$theme-tooltip-background-color: "ink" !default;
$theme-tooltip-font-color: "base-lightest" !default;
$theme-tooltip-font-size: "xs" !default;