/* ============================================
   CARD BASE — Dark Premium Design
   ============================================ */

.card {
    background: var(--color-bg-elevated);
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--color-border);
    overflow: hidden;
    transition: transform var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal);
}

.card:hover {
    transform: translateY(-2px);
    border-color: var(--color-border-hover);
    background: var(--color-bg-hover);
}