////
///
/// Focus Ring Utility
/// ===========================================================================
///
/// Consistent keyboard focus ring. Use with `:focus-visible` to avoid
/// unwanted rings on mouse interaction.
///
/// @group Utilities.Accessibility
/// @author Scape Press
/// @link https://scape.style
/// @since 0.3.0
/// @access public
///
////

@use "../../01-core/external" as *;

@layer ss.utilities {
    .ss-u-focus-ring:focus-visible {
        outline: q(2) solid var(--ss-color-focus, currentColor);
        outline-offset: q(2);
    }

    .ss-u-no-focus-ring:focus,
    .ss-u-no-focus-ring:focus-visible {
        outline: none;
    }
}