// =============================================================================
// 31-modules / placeholder / config
// =============================================================================
//
// Bootstrap-style skeleton placeholder. Inline element used to hint at
// loading content. Sizes (xs/sm/md/lg), widths (--w-25/50/75/100),
// animation modifiers (--glow, --wave), and color variants
// (--primary/--success/--warning/--danger/--info/--light/--dark).
//
// =============================================================================

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

$placeholder-config: (
    "color": currentColor,
    "opacity": 0.5,
    "height-xs": q(8),
    "height-sm": q(12),
    "height-md": q(16),
    "height-lg": q(24),
    "color-primary": var(--ss-color-primary),
    "color-success": var(--ss-color-success),
    "color-danger": var(--ss-color-error),
    "color-warning": var(--ss-color-warning),
    "color-info": var(--ss-color-info),
    "color-light": var(--ss-color-surface-muted),
    "color-dark": var(--ss-color-text),
) !default;