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

$ss-input-config: (
    height: q(40),
    padding: q(8) q(12),
    radius: 0, // sharp corners by default (aligned with old StyleScape forms)
    border-width: q(1),
    bg: var(--ss-color-background, var(--ss-color-fill, #ffffff)),
    fg: var(--ss-color-foreground, var(--ss-color-text-primary, #1a1a1a)),
    border: var(--ss-color-border, var(--ss-color-line, #cccccc)),
    border-focus: var(--ss-color-accent, #2563eb),
    border-error: var(--ss-color-error, #dc2626),
    placeholder-color: var(--ss-color-muted, #888888),
    font-size: var(--ss-font-size-base, q(16)),
    line-height: 1.4,

    disabled-opacity: 0.6,

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