.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.card-hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}