////
///
/// Radius Tokens
/// ===========================================================================
///
/// Design token definitions for border radius.
/// 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 {
    // ========================================================================
    // Scale
    // ========================================================================

    // Core steps (sm / md / lg / xl) match the old StyleScape semantic corner
    // scale — 2 / 4 / 8 / 16px — so components read with the old, sharper
    // corner identity. `default`, `2xl`, `3xl` keep the extra granularity.
    --ss-radius-none: 0;
    --ss-radius-xs: #{q(1)}; // 1px
    --ss-radius-sm: #{q(2)}; // 2px
    --ss-radius-default: #{q(4)}; // 4px
    --ss-radius-md: #{q(4)}; // 4px  (was 6px)
    --ss-radius-lg: #{q(8)}; // 8px
    --ss-radius-xl: #{q(16)}; // 16px (was 12px)
    --ss-radius-2xl: #{q(20)}; // 20px (kept distinct above xl)
    --ss-radius-3xl: #{q(24)}; // 24px
    --ss-radius-full: #{q(9999)};
}