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

$ss-dropdown-config: (
    min-width: q(160),
    padding-block: q(6),
    radius: var(--ss-radius-md),
    z-index: 1000,
    offset: q(4),
    bg: var(--ss-color-background),
    fg: var(--ss-color-foreground),
    border: var(--ss-color-border, var(--ss-color-foreground)),
    shadow: var(--ss-a-shadow-md, 0 #{q(4)} #{q(12)} rgb(0 0 0 / 0.15)),
    item-padding: q(8) q(14),
    item-hover-bg: var(--ss-color-surface, transparent),
    item-active-bg: var(--ss-color-accent),
    item-active-fg: var(--ss-color-on-accent, var(--ss-color-background)),
) !default;