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

$ss-color-input-config: (
    padding: q(3),
    border-width: q(1),
    border: var(--ss-color-border-strong),
    bg: var(--ss-color-background),
    disabled-opacity: 0.5,

    sizes: (
        sm: q(32),
        md: q(40),
        lg: q(48),
    ),

    // Swatch list
    swatch-size: q(32),
    swatch-gap: q(8),
    swatch-border: var(--ss-color-border-strong),
    swatch-ring: var(--ss-color-foreground),
    swatch-ring-gap: var(--ss-color-background),
) !default;