// =============================================================================
// 31-modules / input-group / config
// =============================================================================

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

$input-group-config: (
    "addon-padding": q(6) q(12),
    "addon-padding-sm": q(4) q(8),
    "addon-padding-lg": q(8) q(16),
    "addon-background": var(--ss-color-fill-muted, #f4f4f4),
    "addon-color": var(--ss-color-text, #1a1a1a),
    "border-color": var(--ss-color-line, #e5e5e5),
    "border-radius": 0, // sharp corners by default
    "focus-ring": 0 0 0 q(3.2)
        color-mix(in srgb, var(--ss-color-accent, #2563eb) 25%, transparent),
) !default;