// ==========================================================================
// STATE COLORS
// ==========================================================================
// Interactive state colors for hover, active, focus, and disabled states
// Based on Material Design 3 state layer system
// ==========================================================================
@use '../../base/colors' as *;
@use '../../base/css-variables' as *;

// PRIMARY STATE COLORS
$semantic-color-primary-hover: rgba($base-color-primary, 0.08) !default;
$semantic-color-primary-focus: rgba($base-color-primary, 0.12) !default;
$semantic-color-primary-pressed: rgba($base-color-primary, 0.16) !default;
$semantic-color-primary-selected: rgba($base-color-primary, 0.12) !default;
$semantic-color-primary-disabled: rgba($base-color-on-surface, 0.12) !default;

// SECONDARY STATE COLORS
$semantic-color-secondary-hover: rgba($base-color-secondary, 0.08) !default;
$semantic-color-secondary-focus: rgba($base-color-secondary, 0.12) !default;
$semantic-color-secondary-pressed: rgba($base-color-secondary, 0.16) !default;
$semantic-color-secondary-selected: rgba($base-color-secondary, 0.12) !default;
$semantic-color-secondary-disabled: rgba($base-color-on-surface, 0.12) !default;

// SURFACE STATE COLORS
$semantic-color-surface-hover: rgba($base-color-on-surface, 0.05) !default;
$semantic-color-surface-focus: rgba($base-color-on-surface, 0.08) !default;
$semantic-color-surface-pressed: rgba($base-color-on-surface, 0.12) !default;
$semantic-color-surface-selected: rgba($base-color-primary, 0.08) !default;
$semantic-color-surface-disabled: rgba($base-color-on-surface, 0.04) !default;

// ERROR STATE COLORS
$semantic-color-error-hover: rgba($base-color-error, 0.08) !default;
$semantic-color-error-focus: rgba($base-color-error, 0.12) !default;
$semantic-color-error-pressed: rgba($base-color-error, 0.16) !default;
$semantic-color-error-selected: rgba($base-color-error, 0.12) !default;

// SUCCESS STATE COLORS
$semantic-color-success-hover: rgba($semantic-color-success, 0.08) !default;
$semantic-color-success-focus: rgba($semantic-color-success, 0.12) !default;
$semantic-color-success-pressed: rgba($semantic-color-success, 0.16) !default;
$semantic-color-success-selected: rgba($semantic-color-success, 0.12) !default;

// WARNING STATE COLORS
$semantic-color-warning-hover: rgba($semantic-color-warning, 0.08) !default;
$semantic-color-warning-focus: rgba($semantic-color-warning, 0.12) !default;
$semantic-color-warning-pressed: rgba($semantic-color-warning, 0.16) !default;
$semantic-color-warning-selected: rgba($semantic-color-warning, 0.12) !default;

// OUTLINE STATE COLORS
$semantic-color-outline-hover: rgba($base-color-outline, 0.08) !default;
$semantic-color-outline-focus: $base-color-outline !default;
$semantic-color-outline-pressed: rgba($base-color-outline, 0.12) !default;
$semantic-color-outline-disabled: rgba($base-color-outline, 0.38) !default;

// TEXT STATE COLORS
$semantic-color-text-hover: rgba($base-color-on-surface, 0.87) !default;
$semantic-color-text-focus: $base-color-on-surface !default;
$semantic-color-text-pressed: rgba($base-color-on-surface, 0.87) !default;
$semantic-color-text-disabled: rgba($base-color-on-surface, 0.38) !default;

// ELEVATION STATE COLORS (for shadows and elevation changes)
$semantic-color-elevation-1: rgba($base-color-shadow, 0.05) !default;
$semantic-color-elevation-2: rgba($base-color-shadow, 0.08) !default;
$semantic-color-elevation-3: rgba($base-color-shadow, 0.12) !default;
$semantic-color-elevation-4: rgba($base-color-shadow, 0.16) !default;
$semantic-color-elevation-5: rgba($base-color-shadow, 0.20) !default;