// ==========================================================================
// SEMANTIC OPACITY
// ==========================================================================
// Meaningful opacity tokens for visibility and transparency effects
// Maps base opacity values to contextual usage patterns
// ==========================================================================
@use '../../base/opacity' as *;

// VISIBILITY HIERARCHY - Progressive transparency levels
$semantic-opacity-invisible: $base-opacity-0 !default;             // Completely transparent
$semantic-opacity-subtle: $base-opacity-5 !default;               // Barely visible
$semantic-opacity-faint: $base-opacity-10 !default;               // Very faint
$semantic-opacity-light: $base-opacity-20 !default;               // Light transparency
$semantic-opacity-medium: $base-opacity-50 !default;              // Half transparent
$semantic-opacity-heavy: $base-opacity-75 !default;               // Mostly opaque
$semantic-opacity-opaque: $base-opacity-100 !default;             // Fully opaque

// INTERACTION STATES - Element state opacity
$semantic-opacity-disabled: $base-opacity-40 !default;            // Disabled elements
$semantic-opacity-hover: $base-opacity-80 !default;               // Hover state
$semantic-opacity-active: $base-opacity-90 !default;              // Active/pressed state
$semantic-opacity-focus: $base-opacity-100 !default;              // Focused elements

// OVERLAY OPACITY - Background overlays and modals
$semantic-opacity-backdrop: $base-opacity-50 !default;            // Modal backdrop
$semantic-opacity-scrim: $base-opacity-75 !default;               // Dark overlay
$semantic-opacity-overlay-light: $base-opacity-10 !default;       // Light overlay
$semantic-opacity-overlay-medium: $base-opacity-30 !default;      // Medium overlay
$semantic-opacity-overlay-heavy: $base-opacity-60 !default;       // Heavy overlay

// TEXT OPACITY - Text visibility levels
$semantic-opacity-text-primary: $base-opacity-100 !default;       // Primary text
$semantic-opacity-text-secondary: $base-opacity-70 !default;      // Secondary text
$semantic-opacity-text-tertiary: $base-opacity-50 !default;       // Tertiary text
$semantic-opacity-text-disabled: $base-opacity-30 !default;       // Disabled text
$semantic-opacity-text-placeholder: $base-opacity-60 !default;    // Placeholder text

// BORDER OPACITY - Border visibility levels
$semantic-opacity-border-subtle: $base-opacity-10 !default;       // Subtle borders
$semantic-opacity-border-normal: $base-opacity-20 !default;       // Normal borders
$semantic-opacity-border-emphasis: $base-opacity-40 !default;     // Emphasized borders
$semantic-opacity-border-strong: $base-opacity-60 !default;       // Strong borders

// SHADOW OPACITY - Shadow transparency levels
$semantic-opacity-shadow-subtle: $base-opacity-5 !default;        // Subtle shadows
$semantic-opacity-shadow-normal: $base-opacity-10 !default;       // Normal shadows
$semantic-opacity-shadow-emphasis: $base-opacity-25 !default;     // Emphasized shadows
$semantic-opacity-shadow-strong: $base-opacity-40 !default;       // Strong shadows

// LOADING STATES - Loading animation opacity
$semantic-opacity-loading-min: $base-opacity-30 !default;         // Loading animation min
$semantic-opacity-loading-max: $base-opacity-70 !default;         // Loading animation max
$semantic-opacity-skeleton: $base-opacity-10 !default;            // Skeleton loading

// NOTIFICATION OPACITY - Alert and notification transparency
$semantic-opacity-toast: $base-opacity-95 !default;               // Toast notifications
$semantic-opacity-alert: $base-opacity-90 !default;               // Alert messages
$semantic-opacity-badge: $base-opacity-100 !default;              // Badge elements

// GLASS EFFECT OPACITY - Glassmorphism transparency levels
$semantic-opacity-glass-light: $base-opacity-10 !default;         // Light glass effect
$semantic-opacity-glass-medium: $base-opacity-20 !default;        // Medium glass effect
$semantic-opacity-glass-heavy: $base-opacity-30 !default;         // Heavy glass effect

// INDIVIDUAL SEMANTIC OPACITY TOKENS - Direct access to all base opacity values
$semantic-opacity-0: $base-opacity-0 !default;
$semantic-opacity-5: $base-opacity-5 !default;
$semantic-opacity-10: $base-opacity-10 !default;
$semantic-opacity-20: $base-opacity-20 !default;
$semantic-opacity-25: $base-opacity-25 !default;
$semantic-opacity-30: $base-opacity-30 !default;
$semantic-opacity-40: $base-opacity-40 !default;
$semantic-opacity-50: $base-opacity-50 !default;
$semantic-opacity-60: $base-opacity-60 !default;
$semantic-opacity-70: $base-opacity-70 !default;
$semantic-opacity-75: $base-opacity-75 !default;
$semantic-opacity-80: $base-opacity-80 !default;
$semantic-opacity-90: $base-opacity-90 !default;
$semantic-opacity-95: $base-opacity-95 !default;
$semantic-opacity-100: $base-opacity-100 !default;