// ==========================================================================
// ACCESSIBILITY TOKENS
// ==========================================================================
// Import semantic tokens for accessibility features
// ==========================================================================

// Import semantic tokens from design system
@use 'ui-design-system/src/styles/semantic/colors' as colors;
@use 'ui-design-system/src/styles/semantic/motion' as motion;
@use 'ui-design-system/src/styles/semantic/spacing' as spacing;
@use 'ui-design-system/src/styles/semantic/shadows' as shadows;
@use 'ui-design-system/src/styles/semantic/borders' as borders;
@use 'ui-design-system/src/styles/semantic/typography' as typography;

// FOCUS INDICATOR TOKENS
$a11y-focus-color: colors.$semantic-color-focus !default;
$a11y-focus-ring-color: colors.$semantic-color-focus-ring !default;
$a11y-focus-ring-width: borders.$semantic-border-focus-width !default;
$a11y-focus-shadow: shadows.$semantic-shadow-input-focus !default;
$a11y-focus-transition-duration: motion.$semantic-motion-duration-fast !default;
$a11y-focus-transition-timing: motion.$semantic-motion-easing-ease-out !default;

// SKIP LINKS TOKENS  
$a11y-skip-link-bg: colors.$semantic-color-surface-primary !default;
$a11y-skip-link-color: colors.$semantic-color-text-primary !default;
$a11y-skip-link-border: colors.$semantic-color-border-focus !default;
$a11y-skip-link-padding-x: spacing.$semantic-spacing-interactive-button-padding-x !default;
$a11y-skip-link-padding-y: spacing.$semantic-spacing-interactive-button-padding-y !default;
$a11y-skip-link-border-radius: borders.$semantic-border-radius-md !default;
$a11y-skip-link-shadow: shadows.$semantic-shadow-button-focus !default;
$a11y-skip-link-z-index: 10000 !default;

// SCREEN READER ONLY TOKENS
$a11y-sr-only-position: absolute !default;
$a11y-sr-only-width: 1px !default;
$a11y-sr-only-height: 1px !default;
$a11y-sr-only-margin: -1px !default;
$a11y-sr-only-padding: 0 !default;
$a11y-sr-only-overflow: hidden !default;
$a11y-sr-only-clip: rect(0, 0, 0, 0) !default;
$a11y-sr-only-border: 0 !default;

// HIGH CONTRAST MODE TOKENS
$a11y-high-contrast-border-color: ButtonText !default;
$a11y-high-contrast-bg-color: ButtonFace !default;
$a11y-high-contrast-text-color: ButtonText !default;
$a11y-high-contrast-focus-color: Highlight !default;

// REDUCED MOTION TOKENS
$a11y-reduced-motion-duration: motion.$semantic-motion-duration-instant !default;
$a11y-reduced-motion-easing: motion.$semantic-motion-easing-linear !default;

// TOUCH TARGET TOKENS
$a11y-min-touch-target: spacing.$semantic-spacing-interactive-touch-target !default;

// LIVE REGION TOKENS
$a11y-live-region-position: absolute !default;
$a11y-live-region-left: -10000px !default;
$a11y-live-region-width: 1px !default;
$a11y-live-region-height: 1px !default;
$a11y-live-region-overflow: hidden !default;

// ERROR AND SUCCESS COLORS FOR HIGH CONTRAST
$a11y-error-color: colors.$semantic-color-error !default;
$a11y-success-color: colors.$semantic-color-success !default;
$a11y-warning-color: colors.$semantic-color-warning !default;

// ANIMATION TOKENS FOR ACCESSIBILITY
$a11y-animation-fade-duration: motion.$semantic-motion-duration-normal !default;
$a11y-animation-slide-duration: motion.$semantic-motion-duration-normal !default;
$a11y-animation-scale-duration: motion.$semantic-motion-duration-fast !default;

// FOCUS TRAP TOKENS
$a11y-focus-trap-outline-color: colors.$semantic-color-focus !default;
$a11y-focus-trap-outline-width: 2px !default;
$a11y-focus-trap-outline-style: solid !default;
$a11y-focus-trap-outline-offset: 2px !default;