/* Card Component */
.card {
    background: var(--dark-surface);
    border: 1px solid var(--dark-border);
    border-radius: 12px;
    transition: all var(--transition-speed) ease;
}

.light-mode .card {
    background: var(--light-surface);
    border: 1px solid var(--light-border);
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.light-mode .card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}