// Static structural constants bridged to primary v2 CSS custom properties.
// These values do not change between themes.

// Alert
$alert-border-radius: var(--ty-alert-border-radius) !default;

// Avatar
$avatar-border-radius: var(--ty-avatar-border-radius) !default;

// Badge
$badge-font-size: var(--ty-badge-font-size) !default;
$badge-size: var(--ty-badge-size) !default;
$badge-dot-size: var(--ty-badge-dot-size) !default;

// Button
$btn-padding-sm: var(--ty-button-padding-inline-sm, var(--ty-control-padding-inline-sm)) !default;
$btn-padding-md: var(--ty-button-padding-inline-md, var(--ty-control-padding-inline-md)) !default;
$btn-padding-lg: var(--ty-button-padding-inline-lg, var(--ty-control-padding-inline-lg)) !default;
$btn-loading-opacity: var(--ty-button-loading-opacity) !default;
$btn-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;

// Card
$card-header-padding: var(--ty-card-header-padding) !default;
$card-body-padding: var(--ty-card-body-padding) !default;
$card-footer-padding: var(--ty-card-footer-padding) !default;

// Description
$description-sm-padding-vt: var(--ty-descriptions-sm-padding-vt) !default;
$description-md-padding-vt: var(--ty-descriptions-md-padding-vt) !default;
$description-lg-padding-vt: var(--ty-descriptions-lg-padding-vt) !default;
$description-sm-padding-hr: var(--ty-descriptions-sm-padding-hr) !default;
$description-md-padding-hr: var(--ty-descriptions-md-padding-hr) !default;
$description-lg-padding-hr: var(--ty-descriptions-lg-padding-hr) !default;

// Input
$input-sm-padding: var(--ty-input-padding-inline-sm, var(--ty-control-padding-inline-sm)) !default;
$input-md-padding: var(--ty-input-padding-inline-md, var(--ty-control-padding-inline-md)) !default;
$input-lg-padding: var(--ty-input-padding-inline-lg, var(--ty-control-padding-inline-lg)) !default;

// Menu
$menu-item-padding-vertical: var(--ty-menu-item-padding-vertical, var(--ty-menu-item-padding-block)) !default;

// Native Select
$native-select-sm-padding: var(--ty-native-select-sm-padding) !default;
$native-select-md-padding: var(--ty-native-select-md-padding) !default;
$native-select-lg-padding: var(--ty-native-select-lg-padding) !default;

// Notification
$notification-width: var(--ty-notification-width) !default;
$notification-margin: var(--ty-notification-margin) !default;

// Popover
$popover-arrow-size: var(--ty-popover-arrow-size) !default;

// Select
$select-selected-font-weight: var(--ty-select-selected-font-weight, 500) !default;
$select-dropdown-max-height: var(--ty-select-dropdown-max-height) !default;
$select-dropdown-shadow: var(--ty-select-dropdown-shadow) !default;

// Slider
$slider-size: var(--ty-slider-size) !default;
$slider-track-size: var(--ty-slider-track-size) !default;

// Steps
$steps-title-font-size: var(--ty-steps-title-font-size) !default;

// Strength Indicator
$strength-indicator-border-radius: var(--ty-strength-indicator-border-radius) !default;

// Switch
$switch-md-font-size: var(--ty-switch-md-font-size, var(--ty-switch-font-size-md)) !default;
$switch-sm-font-size: var(--ty-switch-sm-font-size, var(--ty-switch-font-size-sm)) !default;
$switch-lg-font-size: var(--ty-switch-lg-font-size, var(--ty-switch-font-size-lg)) !default;

// Textarea
$textarea-padding: var(--ty-textarea-padding) !default;

// Tooltip
$tooltip-arrow-size: var(--ty-tooltip-arrow-size) !default;
$tooltip-content-padding: var(--ty-tooltip-content-padding) !default;