////
///
/// Gradient Mixins
/// ===========================================================================
///
/// Background gradient utility mixins.
///
/// @group Mixins.Utilities
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// Mixins
// ============================================================================

/// Background gradient mixin - applies the --gradient CSS variable
@mixin bg--gradient {
    background-image: var(--gradient) !important;
}

/// Primary gradient
@mixin gradient--primary {
    --gradient: linear-gradient(
        180deg,
        color-mix(in srgb, var(--color_accent_primary) 85%, white) 0%,
        var(--color_accent_primary) 100%
    );
}

/// Success gradient
@mixin gradient--success {
    --gradient: linear-gradient(
        180deg,
        color-mix(in srgb, var(--color_log_success) 85%, white) 0%,
        var(--color_log_success) 100%
    );
}

/// Warning gradient
@mixin gradient--warning {
    --gradient: linear-gradient(
        180deg,
        color-mix(in srgb, var(--color_log_warning) 85%, white) 0%,
        var(--color_log_warning) 100%
    );
}

/// Danger gradient
@mixin gradient--danger {
    --gradient: linear-gradient(
        180deg,
        color-mix(in srgb, var(--color_log_error) 85%, white) 0%,
        var(--color_log_error) 100%
    );
}

/// Info gradient
@mixin gradient--info {
    --gradient: linear-gradient(
        180deg,
        color-mix(in srgb, var(--color_log_info) 85%, white) 0%,
        var(--color_log_info) 100%
    );
}