// =============================================================================
// 31-modules / chat / config
// =============================================================================
//
// Chat conversation UI: a vertical message list with bubble messages, sender
// avatars, timestamps, and a composer. Supports `--inbound` and `--outbound`
// message variants.
//
// =============================================================================

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

$chat-config: (
    "gap": q(12),
    "padding": q(16),
    "max-width": q(512),
    "bubble-radius": q(16),
    "bubble-padding": q(8) q(12),
    "bubble-bg-inbound": var(--ss-color-fill-muted, #f4f4f4),
    "bubble-bg-outbound": var(--ss-color-accent, #007aff),
    "bubble-color-inbound": var(--ss-color-text, #1a1a1a),
    "bubble-color-outbound": var(--ss-color-on-accent, #ffffff),
    "avatar-size": q(32),
    "timestamp-color": var(--ss-color-text-muted, #666666),
    "timestamp-font-size": q(11),
    "composer-padding": q(8),
    "composer-bg": var(--ss-color-fill, #ffffff),
    "composer-border": var(--ss-color-line, #e5e5e5),
) !default;