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

$ss-segmented-config: (
    border-width: q(1),
    border: var(--ss-color-border-strong),
    bg: var(--ss-color-background),
    fg: var(--ss-color-text-primary),
    hover-bg: var(--ss-color-surface-hover),
    selected-bg: var(--ss-color-accent),
    selected-fg: var(--ss-color-on-accent),
    legend-weight: 500,
    legend-gap: q(6),
    duration: var(--ss-duration-150),
    disabled-opacity: 0.5,

    sizes: (
        sm: (height: q(32), padding: q(4) q(10), font-size: var(--ss-font-size-sm)),
        md: (height: q(40), padding: q(8) q(14), font-size: var(--ss-font-size-base)),
        lg: (height: q(48), padding: q(10) q(18), font-size: var(--ss-font-size-lg)),
    ),
) !default;