/**
 * Card Component System
 */

.card {
    background: var(--color-bg-primary, #fff);
    border: 1px solid var(--card-border-color, rgba(15, 76, 76, 0.1));
    border-radius: var(--card-border-radius, 12px);
    box-shadow: var(--card-shadow, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    padding: var(--card-padding, 1.5rem);
    margin-bottom: 1.5rem;
}

.card-header {
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-primary-800, #0f4c4c);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-neutral-200, #e9ecef);
}

.card-body {
    padding: 0;
}

.card-footer {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--color-neutral-200, #e9ecef);
}

.card-compact {
    padding: 1rem;
}

.card-elevated {
    box-shadow: var(--shadow-lg);
}