/**
 * Card Components
 * Styles for card elements and containers
 */

/* ========================================
 * Base Card Styles
 * ======================================== */
.card {
    margin-bottom: var(--space-6, 1.5rem);
    background-color: var(--color-card-bg, #ffffff);
    border: 1px solid var(--color-card-border, #e2e8f0);
    border-radius: var(--radius-lg, 0.5rem);
    box-shadow: var(--color-card-shadow, 0 1px 3px 0 rgb(0 0 0 / 0.1));
}

/* Dark mode cards */
[data-bs-theme="dark"] .card {
    background-color: var(--color-card-bg, #1e293b);
    border-color: var(--color-card-border, #334155);
    box-shadow: var(--shadow-dark-sm, 0 4px 6px -1px rgb(0 0 0 / 0.3));
}