////
///
/// Effects Variables Module
/// ===========================================================================
///
/// Centralized configuration for all effect-related variables including
/// focus, opacity, gradient, and shadow effects.
///
/// @group Effects
/// @author Scape Agency
/// @link https://move.gl
/// @since 0.1.0 initial release
/// @access public
///
////


// ============================================================================
// Use
// ============================================================================

@use "sass:map";


// ============================================================================
// Focus Variables
// ============================================================================

/// Default focus outline color
$focus-color-default: #3b82f6 !default;

/// Purple focus color variant
$focus-color-purple: #8b5cf6 !default;


// ============================================================================
// Opacity Variables
// ============================================================================

/// Default hover opacity
$opacity-hover-default: 0.75 !default;

/// Disabled state opacity
$opacity-disabled: 0.5 !default;

/// Muted/secondary opacity
$opacity-muted: 0.6 !default;


// ============================================================================
// Gradient Variables
// ============================================================================

/// Default gradient start color
$gradient-from-default: #3b82f6 !default;

/// Default gradient end color
$gradient-to-default: #8b5cf6 !default;


// ============================================================================
// Shadow Variables
// ============================================================================

/// Default shadow color
$shadow-color-default: rgba(0, 0, 0, 0.2) !default;

/// Shadow color for dark themes
$shadow-color-dark: rgba(0, 0, 0, 0.4) !default;

/// Shadow color for colored shadows
$shadow-color-primary: rgba(59, 130, 246, 0.4) !default;

/// Material Design elevation map (levels 0-24)
$elevations: (
    0:  none,
    1:  (0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24)),
    2:  (0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23)),
    3:  (0px 10px 20px rgba(0, 0, 0, 0.19), 0px 6px 6px rgba(0, 0, 0, 0.23)),
    4:  (0px 14px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.22)),
    5:  (0px 19px 38px rgba(0, 0, 0, 0.30), 0px 15px 12px rgba(0, 0, 0, 0.22)),
    6:  (0px 3px 5px rgba(0, 0, 0, 0.2), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 6px 10px rgba(0, 0, 0, 0.14)),
    8:  (0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14)),
    12: (0px 7px 8px rgba(0, 0, 0, 0.2), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 12px 17px rgba(0, 0, 0, 0.14)),
    16: (0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14)),
    24: (0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14))
) !default;