// =============================================================================
// 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, #0d6efd),
    "color-success": var(--ss-color-success, #198754),
    "color-danger": var(--ss-color-error, #dc3545),
    "color-warning": var(--ss-color-warning, #ffc107),
    "color-info": var(--ss-color-info, #0dcaf0),
    "color-light": var(--ss-color-surface-muted, #f8f9fa),
    "color-dark": var(--ss-color-text, #212529),
) !default;