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

$ss-file-input-config: (
    fg: var(--ss-color-text-primary),
    bg: var(--ss-color-surface-1, var(--ss-color-surface)),
    border: q(1) solid var(--ss-color-border, currentColor),
    radius: var(--ss-radius-sm, q(4)),

    // Native selector button
    button-padding-inline: q(16),
    button-margin-inline-end: q(12),
    button-fg: var(--ss-color-on-accent, #fff),
    button-bg: var(--ss-color-accent),

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

    sizes: (
        xs: (height: q(28), font: var(--ss-font-size-xs)),
        sm: (height: q(32), font: var(--ss-font-size-sm)),
        md: (height: q(40), font: var(--ss-font-size-sm)),
        lg: (height: q(48), font: var(--ss-font-size-md)),
    ),
) !default;