.card {
    background: var(--surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
    padding: var(--space-md);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
    border-color: var(--primary-light);
}

/* Glassmorphism Variant */
.card-glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: var(--shadow-lg);
}

/* Minimal Variant */
.card-minimal {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: var(--space-md) 0;
    border-bottom: 1px solid var(--border-light);
    border-radius: 0;
}

.card-minimal:hover {
    transform: none;
    background: var(--surface-hover);
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
    border-radius: var(--radius-md);
    border-bottom-color: transparent;
}