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

$ss-range-config: (
    // Track
    track-height: q(8),
    track-radius: q(999),
    track-bg: var(--ss-color-line-secondary, #cccccc),

    // Thumb
    thumb-size: q(20),
    thumb-bg: var(--ss-color-accent, currentColor),
    thumb-border: q(2) solid var(--ss-color-background),
    thumb-shadow: 0 q(1) q(3) rgba(0, 0, 0, 0.2),
    thumb-offset: q(-6),

    // Focus / disabled
    focus-ring: q(2) solid var(--ss-color-accent),
    focus-ring-offset: q(4),
    disabled-opacity: 0.5,

    sizes: (
        xs: (track: q(4), thumb: q(12)),
        sm: (track: q(6), thumb: q(16)),
        md: (track: q(8), thumb: q(20)),
        lg: (track: q(10), thumb: q(24)),
    ),
) !default;
