/* Utility classes using CSS variables */
.bg-surface {
    background-color: var(--surface);
    color: var(--text-primary);
}

.bg-surface-alt {
    background-color: var(--surface-alt);
    color: var(--text-primary);
}

/* Gradient Fade / Background for Input Area */
.bg-gradient-fade {
    background-color: var(--body-bg);
    /* Optional: Add actual gradient if needed, but opaque matches current behavior */
    border-top: 1px solid transparent; /* Prevents margin collapse if any */
}

/* Suggestion Cards */
.suggestion-card {
    color: var(--text-primary);
    border: 1px solid var(--border);
    background-color: transparent;
}

.suggestion-card:hover {
    background-color: var(--surface-alt);
    border-color: var(--accent);
}

/* Ensure text colors adapt */
.suggestion-card .text-muted {
    color: var(--text-secondary) !important;
}

/* App specific overrides */
.avatar {
    /* Ensure avatar text is visible */
    color: #fff; 
}