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

$ss-avatar-config: (
    sizes: (
        xs: q(24),
        sm: q(32),
        md: q(40),
        lg: q(56),
        xl: q(80),
    ),
    ring-width: q(2),
    indicator-size: 0.25em,

    bg: var(--ss-color-surface-1, var(--ss-color-surface)),
    fg: var(--ss-color-text-primary),

    ring-gap: q(2),
    ring-halo: var(--ss-color-background),

    indicator-ring: 0 0 0 q(2) var(--ss-color-background),

    placeholder-bg: var(--ss-color-surface-2, var(--ss-color-surface)),
    placeholder-fg: var(--ss-color-text-secondary, var(--ss-color-text-primary)),

    group-border: q(2) solid var(--ss-color-background),
) !default;