/* ============================================
   app-cards.css
   ============================================
   Card component styles including base card, accent variants,
   and alert card modifiers.
   ============================================ */

/* ── Cards ─────────────────────────────────────────────────────── */
.card { background: var(--color-surface-card); border: var(--border-default); border-radius: var(--radius-element); margin-bottom: 1rem; padding: 1.25rem 1.5rem; }
.card h2 { margin: 0 0 0.75rem 0; font-size: var(--wp-text-base); font-weight: var(--wp-weight-semibold); color: var(--color-text-secondary); letter-spacing: 0.015em; }

/* ── Card modifiers: accent stripes ─────────────────────────── */
.card--accent { border-left: 4px solid var(--color-primary); }
.card--warning { border-left: 4px solid var(--color-warning); }
.card--alert-danger h2 { margin-top: 0; color: var(--color-danger); }