/* design_system/cards.css — Card surfaces */

/* Cards */
.card {
    background: var(--color-bg);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--radius-card);
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-card);
}
.card--compose {
    background: color-mix(in srgb, var(--color-accent) 6%, var(--color-bg));
    border-color: var(--color-accent-soft);
}