// ==========================================================================
// GLASS EFFECT TOKENS
// ==========================================================================
// Base tokens for glass morphism effects including blur and opacity values
// Supports both light and dark mode variants
// ==========================================================================

// BLUR INTENSITIES
// Progressive blur values for different glass effect strengths
$base-glass-blur-none: 0 !default;
$base-glass-blur-xs: 2px !default;
$base-glass-blur-sm: 4px !default;
$base-glass-blur-md: 8px !default;
$base-glass-blur-lg: 16px !default;
$base-glass-blur-xl: 24px !default;
$base-glass-blur-2xl: 32px !default;
$base-glass-blur-3xl: 40px !default;

// GLASS OPACITY VARIANTS - LIGHT MODE
// 5 levels from nearly transparent to nearly opaque
$base-glass-opacity-translucent-light: 0.1 !default;   // Nearly transparent
$base-glass-opacity-light-light: 0.3 !default;         // Light glass
$base-glass-opacity-medium-light: 0.5 !default;        // Medium glass
$base-glass-opacity-heavy-light: 0.7 !default;         // Heavy glass
$base-glass-opacity-frosted-light: 0.85 !default;      // Nearly opaque

// GLASS OPACITY VARIANTS - DARK MODE
// Adjusted for better visibility in dark environments
$base-glass-opacity-translucent-dark: 0.05 !default;   // Nearly transparent
$base-glass-opacity-light-dark: 0.2 !default;          // Light glass
$base-glass-opacity-medium-dark: 0.4 !default;         // Medium glass
$base-glass-opacity-heavy-dark: 0.6 !default;          // Heavy glass
$base-glass-opacity-frosted-dark: 0.8 !default;        // Nearly opaque

// GLASS BACKGROUND COLORS
// Base colors for glass effects (RGB values for rgba() usage)
$base-glass-bg-light: 255, 255, 255 !default;          // White for light mode
$base-glass-bg-dark: 0, 0, 0 !default;                 // Black for dark mode

// GLASS BORDER COLORS
$base-glass-border-light: rgba(255, 255, 255, 0.2) !default;
$base-glass-border-dark: rgba(255, 255, 255, 0.1) !default;

// GLASS SHADOW COLORS
$base-glass-shadow-light: rgba(0, 0, 0, 0.1) !default;
$base-glass-shadow-dark: rgba(0, 0, 0, 0.5) !default;

// GLASS ANIMATION DURATIONS
$base-glass-duration-fast: 200ms !default;
$base-glass-duration-normal: 300ms !default;
$base-glass-duration-slow: 500ms !default;

// GLASS ANIMATION EASINGS
$base-glass-easing-smooth: cubic-bezier(0.4, 0, 0.2, 1) !default;
$base-glass-easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55) !default;

// BLUR MAP FOR EASY ACCESS
$base-glass-blurs: (
  none: $base-glass-blur-none,
  xs: $base-glass-blur-xs,
  sm: $base-glass-blur-sm,
  md: $base-glass-blur-md,
  lg: $base-glass-blur-lg,
  xl: $base-glass-blur-xl,
  2xl: $base-glass-blur-2xl,
  3xl: $base-glass-blur-3xl
) !default;

// OPACITY MAP FOR EASY ACCESS - LIGHT MODE
$base-glass-opacities-light: (
  translucent: $base-glass-opacity-translucent-light,
  light: $base-glass-opacity-light-light,
  medium: $base-glass-opacity-medium-light,
  heavy: $base-glass-opacity-heavy-light,
  frosted: $base-glass-opacity-frosted-light
) !default;

// OPACITY MAP FOR EASY ACCESS - DARK MODE
$base-glass-opacities-dark: (
  translucent: $base-glass-opacity-translucent-dark,
  light: $base-glass-opacity-light-dark,
  medium: $base-glass-opacity-medium-dark,
  heavy: $base-glass-opacity-heavy-dark,
  frosted: $base-glass-opacity-frosted-dark
) !default;