////
///
/// Border Tokens
/// ===========================================================================
///
/// Design token definitions for borders.
/// Only :root CSS custom properties, no selectors.
///
/// @group Lexicon
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

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

:root {
    // ========================================================================
    // Width
    // ========================================================================

    --ss-a-border-width-0: 0;
    --ss-a-border-width-1: #{q(1)};
    --ss-a-border-width-2: #{q(2)};
    --ss-a-border-width-4: #{q(4)};
    --ss-a-border-width-8: #{q(8)};

    // ========================================================================
    // Default
    // ========================================================================

    --ss-a-border-width: var(--ss-a-border-width-1);
    --ss-a-border-color: var(--ss-color-border, currentColor);
    --ss-a-border-style: solid;

    // Aliases used by typography variants (lined, code).
    --ss-a-border-thin: var(--ss-a-border-width-1);
    --ss-a-border-width-sm: var(--ss-a-border-width-1);
}
